CSS Animations
animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
Attention Seekers
Click on the buttons below to start the animation
bounce
flash
pulse
rubberBand
shake
swing
tada
wobble
Flippers
Click on the buttons below to start the animation
flip
flipInX
flipInY
flipOutX
flipOutY
Light Speed
Click on the buttons below to start the animation
lightSpeedIn
lightSpeedOut
Specials
Click on the buttons below to start the animation
Bouncing Entrances
Click on the buttons below to start the animation
bounceIn
bounceInDown
bounceInLeft
bounceInRight
bounceInUp
Bouncing Exits
Click on the buttons below to start the animation
bounceOut
bounceOutDown
bounceOutLeft
bounceOutRight
bounceOutUp
Rotating Entrances
Click on the buttons below to start the animation
rotateIn
rotateInDownLeft
rotateInDownRight
rotateInUpLeft
rotateInUpRight
Rotating Exits
Click on the buttons below to start the animation
rotateOut
rotateOutDownLeft
rotateOutDownRight
rotateOutUpLeft
rotateOutUpRight
Fading Entrances
Click on the buttons below to start the animation
fadeIn
fadeInDown
fadeInDownBig
fadeInLeft
fadeInLeftBig
fadeInRight
fadeInRightBig
fadeInUp
fadeInUpBig
Fading Exits
Click on the buttons below to start the animation
fadeOut
fadeOutDown
fadeOutDownBig
fadeOutLeft
fadeOutLeftBig
fadeOutRight
fadeOutRightBig
fadeOutUp
fadeOutUpBig
Zoom Entrances
Click on the buttons below to start the animation
zoomIn
zoomInDown
zoomInLeft
zoomInRight
zoomInUp
Zoom Exits
Click on the buttons below to start the animation
zoomOut
zoomOutDown
zoomOutLeft
zoomOutRight
zoomOutUp
