From 0826f3db7d669700cda70156a761b89339e87423 Mon Sep 17 00:00:00 2001
From: Koding <proforced@gmail.com>
Date: Wed, 29 Apr 2015 14:57:54 +0000
Subject: [PATCH] added jello to the grunt setup and json, and changed readme

---
 README.md                          |  4 ++-
 animate-config.json                |  3 ++-
 source/attention_seekers/jello.css | 40 ++++++++++++++++++++++++++++++
 3 files changed, 45 insertions(+), 2 deletions(-)
 create mode 100644 source/attention_seekers/jello.css

diff --git a/README.md b/README.md
index 8e70ede..b0f5850 100644
--- a/README.md
+++ b/README.md
@@ -24,6 +24,7 @@
   * `swing`
   * `tada`
   * `wobble`
+  * `jello`
   * `bounceIn`
   * `bounceInDown`
   * `bounceInLeft`
@@ -156,7 +157,8 @@ Next, run `grunt watch` to watch for changes and compile your custom builds. For
   "shake": true,
   "swing": true,
   "tada": true,
-  "wobble": true
+  "wobble": true,
+  "jello":true
 }
 ```
 
diff --git a/animate-config.json b/animate-config.json
index da14ac6..28c7fad 100644
--- a/animate-config.json
+++ b/animate-config.json
@@ -8,7 +8,8 @@
     "shake": true,
     "swing": true,
     "tada": true,
-    "wobble": true
+    "wobble": true,
+    "jello": true
   },
 
   "bouncing_entrances": {
diff --git a/source/attention_seekers/jello.css b/source/attention_seekers/jello.css
new file mode 100644
index 0000000..d58d745
--- /dev/null
+++ b/source/attention_seekers/jello.css
@@ -0,0 +1,40 @@
+@keyframes jello {
+  0% {
+    transform: none
+  }
+  10% {
+    transform: skewX(-50deg) skewY(-50deg)
+  }
+  20% {
+    transform: skewX(25deg) skewY(25deg)
+  }
+  30% {
+    transform: skewX(-12.5deg) skewY(-12.5deg)
+  }
+  40% {
+    transform: skewX(6.25deg) skewY(6.25deg)
+  }
+  50% {
+    transform: skewX(-3.125deg) skewY(-3.125deg)
+  }
+  60% {
+    transform: skewX(1.5625deg) skewY(1.5625deg)
+  }
+  70% {
+    transform: skewX(-0.78125deg) skewY(-0.78125deg)
+  }
+  80% {
+    transform: skewX(0.390625deg) skewY(0.390625deg)
+  }
+  90% {
+    transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
+  }
+  100% {
+    transform: none
+  }
+}
+
+.jello{
+    animation-name:jello;
+    transform-origin: center
+}
\ No newline at end of file