Updated animate.css and min

mashimi · May 12, 2015 · b4b6686 · b4b6686
1 parent 0826f3d
commit b4b6686
Show file tree

Hide file tree

Showing 3 changed files with 97 additions and 22 deletions.
diff --git a/animate.css b/animate.css
@@ -484,6 +484,92 @@ Copyright (c) 2015 Daniel Eden
   animation-name: wobble;
 }
 
+@-webkit-keyframes jello {
+  11.1% {
+    -webkit-transform: none;
+            transform: none
+  }
+  22.2% {
+    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
+            transform: skewX(-12.5deg) skewY(-12.5deg)
+  }
+  33.3% {
+    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
+            transform: skewX(6.25deg) skewY(6.25deg)
+  }
+  44.4% {
+    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
+            transform: skewX(-3.125deg) skewY(-3.125deg)
+  }
+  55.5% {
+    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
+            transform: skewX(1.5625deg) skewY(1.5625deg)
+  }
+  66.6% {
+    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
+            transform: skewX(-0.78125deg) skewY(-0.78125deg)
+  }
+  77.7% {
+    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
+            transform: skewX(0.390625deg) skewY(0.390625deg)
+  }
+  88.8% {
+    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+            transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
+  }
+  100% {
+    -webkit-transform: none;
+            transform: none
+  }
+}
+
+@keyframes jello {
+  11.1% {
+    -webkit-transform: none;
+            transform: none
+  }
+  22.2% {
+    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
+            transform: skewX(-12.5deg) skewY(-12.5deg)
+  }
+  33.3% {
+    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
+            transform: skewX(6.25deg) skewY(6.25deg)
+  }
+  44.4% {
+    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
+            transform: skewX(-3.125deg) skewY(-3.125deg)
+  }
+  55.5% {
+    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
+            transform: skewX(1.5625deg) skewY(1.5625deg)
+  }
+  66.6% {
+    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
+            transform: skewX(-0.78125deg) skewY(-0.78125deg)
+  }
+  77.7% {
+    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
+            transform: skewX(0.390625deg) skewY(0.390625deg)
+  }
+  88.8% {
+    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+            transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
+  }
+  100% {
+    -webkit-transform: none;
+            transform: none
+  }
+}
+
+.jello{
+    -webkit-animation-name:jello;
+            animation-name:jello;
+    -webkit-transform-origin: center;
+
+            transform-origin: center
+}
+
 @-webkit-keyframes bounceIn {
   0%, 20%, 40%, 60%, 80%, 100% {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
@@ -3178,4 +3264,4 @@ Copyright (c) 2015 Daniel Eden
 .slideOutUp {
   -webkit-animation-name: slideOutUp;
   animation-name: slideOutUp;
-}
+}
diff --git a/animate.min.css b/animate.min.css
diff --git a/source/attention_seekers/jello.css b/source/attention_seekers/jello.css
@@ -1,32 +1,26 @@
 @keyframes jello {
-  0% {
+  11.1% {
     transform: none
   }
-  10% {
-    transform: skewX(-50deg) skewY(-50deg)
-  }
-  20% {
-    transform: skewX(25deg) skewY(25deg)
-  }
-  30% {
+  22.2% {
     transform: skewX(-12.5deg) skewY(-12.5deg)
   }
-  40% {
+  33.3% {
     transform: skewX(6.25deg) skewY(6.25deg)
   }
-  50% {
+  44.4% {
     transform: skewX(-3.125deg) skewY(-3.125deg)
   }
-  60% {
+  55.5% {
     transform: skewX(1.5625deg) skewY(1.5625deg)
   }
-  70% {
+  66.6% {
     transform: skewX(-0.78125deg) skewY(-0.78125deg)
   }
-  80% {
+  77.7% {
     transform: skewX(0.390625deg) skewY(0.390625deg)
   }
-  90% {
+  88.8% {
     transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
   }
   100% {
@@ -37,4 +31,4 @@
 .jello{
     animation-name:jello;
     transform-origin: center
-}
+}