From 75546e89620d6b77040653037385466dbcb3f445 Mon Sep 17 00:00:00 2001
From: hakimel
Date: Fri, 3 Aug 2012 22:02:16 -0400
Subject: fix disappearing 3d hover in chrome

---
 css/main.css | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

(limited to 'css')

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 );
 }
 
 
-- 
cgit v1.2.3