From 75546e89620d6b77040653037385466dbcb3f445 Mon Sep 17 00:00:00 2001
From: hakimel <hakim.elhattab@gmail.com>
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
*
--
GitLab