Kaynağa Gözat

fix disappearing 3d hover in chrome

hakimel 12 yıl önce
ebeveyn
işleme
75546e8962
3 değiştirilmiş dosya ile 10 ekleme ve 5 silme
  1. 1 0
      README.md
  2. 8 4
      css/main.css
  3. 1 1
      js/reveal.js

+ 1 - 0
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

+ 8 - 4
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 - 1
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
  *