From 75546e89620d6b77040653037385466dbcb3f445 Mon Sep 17 00:00:00 2001 From: hakimel Date: Fri, 3 Aug 2012 22:02:16 -0400 Subject: [PATCH] fix disappearing 3d hover in chrome --- README.md | 1 + css/main.css | 12 ++++++++---- js/reveal.js | 2 +- 3 files changed, 10 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index 47bfa2f..439bf04 100644 --- a/README.md +++ b/README.md @@ -203,6 +203,7 @@ You can change the appearance of the speaker notes by editing the file at `plugi - Added helped method ```Reveal.getQueryHash()``` - Added EOT font for IE support - IE8 support +- Fixed bug where hovering 3D links in Chrome caused them to disappear #### 1.4 - Main ```#reveal container``` is now selected via a class instead of ID 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 ); } diff --git a/js/reveal.js b/js/reveal.js index c2f1a57..482b8e3 100644 --- a/js/reveal.js +++ b/js/reveal.js @@ -1,5 +1,5 @@ /*! - * reveal.js 1.5 r9 + * reveal.js 1.5 r10 * http://lab.hakim.se/reveal-js * MIT licensed *