From be51cea045cd5a7c19c772ce231ccdd58c94ff34 Mon Sep 17 00:00:00 2001 From: Patrick Hennessy Date: Tue, 13 Jan 2015 23:57:03 -0600 Subject: [PATCH] Added rubberband attention grabber from Animate.css --- .../default/modules/transition.overrides | 34 +++++++++++++++++++ 1 file changed, 34 insertions(+) diff --git a/src/themes/default/modules/transition.overrides b/src/themes/default/modules/transition.overrides index 282d0d067..2c3e9fd76 100644 --- a/src/themes/default/modules/transition.overrides +++ b/src/themes/default/modules/transition.overrides @@ -22,6 +22,9 @@ .pulse.transition { animation-name: pulse; } +.rubberband.transition { + animation-name: rubberband; +} /* Flash */ @keyframes flash { @@ -95,6 +98,37 @@ } +/* Rubberband */ +@keyframes rubberband { + 0% { + transform: scale3d(1, 1, 1); + } + + 30% { + transform: scale3d(1.25, 0.75, 1); + } + + 40% { + transform: scale3d(0.75, 1.25, 1); + } + + 50% { + transform: scale3d(1.15, 0.85, 1); + } + + 65% { + transform: scale3d(.95, 1.05, 1); + } + + 75% { + transform: scale3d(1.05, .95, 1); + } + + 100% { + transform: scale3d(1, 1, 1); + } +} + /*-------------- Flips ---------------*/