Animation Gallery

All animations from Animate.css

About These Animations

All animations in this extension come from Animate.css, a library of ready-to-use, cross-browser animations.

Navigate with arrow keys to see each animation.

Press left arrow to see reverse animations!

Attention Seekers

bounce

flash

pulse

rubberBand

shakeX

shakeY

headShake

swing

tada

wobble

jello

heartBeat

Back Animations

Entrances

backInDown

backInLeft

backInRight

backInUp

Exits

backOutDown

backOutLeft

backOutRight

backOutUp

Bouncing Animations

Entrances

bounceIn

bounceInDown

bounceInLeft

bounceInRight

bounceInUp

Exits

bounceOut

bounceOutDown

bounceOutLeft

bounceOutRight

bounceOutUp

Fading Entrances

fadeIn

fadeInDown

fadeInDownBig

fadeInLeft

fadeInLeftBig

fadeInRight

fadeInRightBig

fadeInUp

fadeInUpBig

fadeInTopLeft

fadeInTopRight

fadeInBottomLeft

fadeInBottomRight

Fading Exits

fadeOut

fadeOutDown

fadeOutDownBig

fadeOutLeft

fadeOutLeftBig

fadeOutRight

fadeOutRightBig

fadeOutUp

fadeOutUpBig

fadeOutTopLeft

fadeOutTopRight

fadeOutBottomLeft

fadeOutBottomRight

Flippers

flip

flipInX

flipInY

flipOutX

flipOutY

Lightspeed

lightSpeedInRight

lightSpeedInLeft

lightSpeedOutRight

lightSpeedOutLeft

Rotating Animations

Entrances

rotateIn

rotateInDownLeft

rotateInDownRight

rotateInUpLeft

rotateInUpRight

Exits

rotateOut

rotateOutDownLeft

rotateOutDownRight

rotateOutUpLeft

rotateOutUpRight

Sliding Animations

Entrances

slideInDown

slideInLeft

slideInRight

slideInUp

Exits

slideOutDown

slideOutLeft

slideOutRight

slideOutUp

Zooming Animations

Entrances

zoomIn

zoomInDown

zoomInLeft

zoomInRight

zoomInUp

Exits

zoomOut

zoomOutDown

zoomOutLeft

zoomOutRight

zoomOutUp

Specials

hinge

jackInTheBox

rollIn

rollOut