Fix animation in webkit

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
   });
 

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;