Skip to content

Instantly share code, notes, and snippets.

@fleimisch

fleimisch/SCECSS3-Animations.html

Last active October 2, 2018 12:02
Show Gist options
  • Save fleimisch/93a3ad91cc87bc66d7d63a45c4d532b6 to your computer and use it in GitHub Desktop.
Save fleimisch/93a3ad91cc87bc66d7d63a45c4d532b6 to your computer and use it in GitHub Desktop.
Download ZIP
SCE CSS3 Animations
Raw
SCECSS3-Animations.html
https://github.com/daneden/animate.css
Add the class "animated" to the element you want to animate. You may also want to include the class infinite for an infinite loop.
Finally you need to add one of the following classes:
Class Name
bounce flash pulse rubberBand
shake headShake swing tada
wobble jello bounceIn bounceInDown
bounceInLeft bounceInRight bounceInUp bounceOut
bounceOutDown bounceOutLeft bounceOutRight bounceOutUp
fadeIn fadeInDown fadeInDownBig fadeInLeft
fadeInLeftBig fadeInRight fadeInRightBig fadeInUp
fadeInUpBig fadeOut fadeOutDown fadeOutDownBig
fadeOutLeft fadeOutLeftBig fadeOutRight fadeOutRightBig
fadeOutUp fadeOutUpBig flipInX flipInY
flipOutX flipOutY lightSpeedIn lightSpeedOut
rotateIn rotateInDownLeft rotateInDownRight rotateInUpLeft
rotateInUpRight rotateOut rotateOutDownLeft rotateOutDownRight
rotateOutUpLeft rotateOutUpRight hinge jackInTheBox
rollIn rollOut zoomIn zoomInDown
zoomInLeft zoomInRight zoomInUp zoomOut
zoomOutDown zoomOutLeft zoomOutRight zoomOutUp
slideInDown slideInLeft slideInRight slideInUp
slideOutDown slideOutLeft slideOutRight slideOutUp
heartBeat
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment