diff options
| author | hakimel <hakim.elhattab@gmail.com> | 2012-08-03 22:02:16 -0400 |
|---|---|---|
| committer | hakimel <hakim.elhattab@gmail.com> | 2012-08-03 22:02:16 -0400 |
| commit | 75546e89620d6b77040653037385466dbcb3f445 (patch) | |
| tree | a32ac9a9d3009039fc1135901966b2cca851d357 /css | |
| parent | 9a657e26768a3724e6edf9e5fbdd72a4e54da8f4 (diff) | |
| download | freenode-live-2017-presentation-75546e89620d6b77040653037385466dbcb3f445.tar freenode-live-2017-presentation-75546e89620d6b77040653037385466dbcb3f445.tar.gz | |
fix disappearing 3d hover in chrome
Diffstat (limited to 'css')
| -rw-r--r-- | css/main.css | 12 |
1 files changed, 8 insertions, 4 deletions
diff --git a/css/main.css b/css/main.css index 9239b69..73ac8b7 100644 --- a/css/main.css +++ b/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 ); } |