Browse Source

Added rubberband attention grabber from Animate.css

pull/1623/head
Patrick Hennessy 9 years ago
parent
commit
be51cea045
1 changed files with 34 additions and 0 deletions
  1. 34
      src/themes/default/modules/transition.overrides

34
src/themes/default/modules/transition.overrides

@ -22,6 +22,9 @@
.pulse.transition { .pulse.transition {
animation-name: pulse; animation-name: pulse;
} }
.rubberband.transition {
animation-name: rubberband;
}
/* Flash */ /* Flash */
@keyframes 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 Flips
---------------*/ ---------------*/

Loading…
Cancel
Save