Browse Source

Fix the navbar animation to work under Chrome/webkit

Gu1 11 years ago
parent
commit
ce77e309d3
1 changed files with 12 additions and 2 deletions
  1. 12 2
      ffdnispdb/static/css/style.css

+ 12 - 2
ffdnispdb/static/css/style.css

@@ -162,8 +162,8 @@ input#search-input {
 }
 
 .brand:hover #ffdn-header {
-    animation-duration: 0.6s;
-    animation-name: lulz1;
+    -webkit-animation: lulz1 0.6s;
+    animation: lulz1 0.6s;
 }
 
 @keyframes lulz1 {
@@ -176,6 +176,16 @@ input#search-input {
     }
 }
 
+@-webkit-keyframes lulz1 {
+    0% {
+        -webkit-transform: scaleX(1);
+        -webkit-transform: scaleY(0.5);
+    }
+    50% {
+        -webkit-transform: scaleX(1.5);
+    }
+}
+
 
 /*
  * Sticky footer