fix disappearing 3d hover in chrome
This commit is contained in:
12
css/main.css
12
css/main.css
@ -418,6 +418,10 @@ body {
|
||||
-moz-transform-style: preserve-3d;
|
||||
-ms-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
.reveal .roll:hover span {
|
||||
background: rgba(0,0,0,0.5);
|
||||
@ -444,10 +448,10 @@ body {
|
||||
-ms-transform-origin: 50% 0%;
|
||||
transform-origin: 50% 0%;
|
||||
|
||||
-webkit-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
|
||||
-moz-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
|
||||
-ms-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
|
||||
transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
|
||||
-webkit-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg );
|
||||
-moz-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg );
|
||||
-ms-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg );
|
||||
transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg );
|
||||
}
|
||||
|
||||
|
||||
|
Reference in New Issue
Block a user