From 1a0b94e97a0a1f23ef4788167472675b6cde26bc Mon Sep 17 00:00:00 2001
From: jlukic <jacklukic@gmail.com>
Date: Fri, 26 Sep 2014 20:46:33 -0400
Subject: [PATCH] Fix animation in webkit

---
 server/files/javascript/home.js       | 4 ++--
 server/files/stylesheets/semantic.css | 8 ++++++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/server/files/javascript/home.js b/server/files/javascript/home.js
index 099f67c1c..d573637a9 100755
--- a/server/files/javascript/home.js
+++ b/server/files/javascript/home.js
@@ -31,8 +31,8 @@ semantic.home.ready = function() {
       $ui.data('text')
     ],
     showCursor      : false,
-    typeSpeed       : 100,
-    backSpeed       : 100,
+    typeSpeed       : 120,
+    backSpeed       : 120,
     backDelay       : 2000
   });
 
diff --git a/server/files/stylesheets/semantic.css b/server/files/stylesheets/semantic.css
index 6d2d21ec0..5ae2e2ded 100755
--- a/server/files/stylesheets/semantic.css
+++ b/server/files/stylesheets/semantic.css
@@ -409,11 +409,13 @@ body#example.hide {
   background-color: #FFFFFF;
 }
 #example.index .masthead {
+  -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   -o-transform-style: preserve-3d;
   -ms-transform-style: preserve-3d;
   transform-style: preserve-3d;
 
+  -webkit-perspective: 1000px;
   -moz-perspective: 1000px;
   -o-perspective: 1000px;
   -ms-perspective: 1000px;
@@ -434,6 +436,12 @@ body#example.hide {
   -ms-transform-origin: 50% 50%;
   transform-origin: 50% 50%;
 
+  -webkit-transform-style: preserve-3d;
+  -moz-transform-style: preserve-3d;
+  -o-transform-style: preserve-3d;
+  -ms-transform-style: preserve-3d;
+  transform-style: preserve-3d;
+
   -webkit-animation-name: masthead;
   -moz-animation-name: masthead;
   -o-animation-name: masthead;