fix disappearing 3d hover in chrome

This commit is contained in:
hakimel 2012-08-03 22:02:16 -04:00
parent 9a657e2676
commit 75546e8962
3 changed files with 10 additions and 5 deletions

View file

@ -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 helped method ```Reveal.getQueryHash()```
- Added EOT font for IE support - Added EOT font for IE support
- IE8 support - IE8 support
- Fixed bug where hovering 3D links in Chrome caused them to disappear
#### 1.4 #### 1.4
- Main ```#reveal container``` is now selected via a class instead of ID - Main ```#reveal container``` is now selected via a class instead of ID

View file

@ -418,6 +418,10 @@ body {
-moz-transform-style: preserve-3d; -moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d; -ms-transform-style: preserve-3d;
transform-style: preserve-3d; transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
} }
.reveal .roll:hover span { .reveal .roll:hover span {
background: rgba(0,0,0,0.5); background: rgba(0,0,0,0.5);
@ -444,10 +448,10 @@ body {
-ms-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%;
transform-origin: 50% 0%; transform-origin: 50% 0%;
-webkit-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg ); -webkit-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg );
-moz-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg ); -moz-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg );
-ms-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg ); -ms-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg );
transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg ); transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg );
} }

View file

@ -1,5 +1,5 @@
/*! /*!
* reveal.js 1.5 r9 * reveal.js 1.5 r10
* http://lab.hakim.se/reveal-js * http://lab.hakim.se/reveal-js
* MIT licensed * MIT licensed
* *