Merge pull request #154 from mrwillis21/rubberBand

Add “rubber band” animation.
animate-css · Feb 14, 2014 · d32b3c5 · d32b3c5
2 parents f5ed338 + 53f7cc8
commit d32b3c5
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/.animate-config.json b/.animate-config.json
@@ -4,6 +4,7 @@
     "bounce": true,
     "flash": true,
     "pulse": true,
+    "rubberBand": true,
     "shake": true,
     "swing": true,
     "tada": true,

diff --git a/source/attention_seekers/rubberBand.css b/source/attention_seekers/rubberBand.css
@@ -0,0 +1,11 @@
+@keyframes rubberBand {
+	0% { transform: scale(1); }
+	30% { transform: scaleX(1.25) scaleY(0.75); }
+	40% { transform: scaleX(0.75) scaleY(1.25); }
+	60% { transform: scaleX(1.15) scaleY(0.85); }
+	100% { transform: scale(1); }
+}
+
+.rubberBand {
+	animation-name: rubberBand;
+}