fix disappearing 3d hover in chrome
This commit is contained in:
parent
9a657e2676
commit
75546e8962
3 changed files with 10 additions and 5 deletions
|
@ -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
|
||||
|
|
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 );
|
||||
}
|
||||
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* reveal.js 1.5 r9
|
||||
* reveal.js 1.5 r10
|
||||
* http://lab.hakim.se/reveal-js
|
||||
* MIT licensed
|
||||
*
|
||||
|
|
Loading…
Reference in a new issue