Animate.css Just-add-water CSS animations.

Basic 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.

Use a classes .animation-{name} to quickly add a animation.

Add the class animated to the element you want to animate. You may also want to include the class infinite for an infinite loop.


You can do a whole bunch of other stuff with animate.css when you combine it with jQuery or add your own CSS rules. Dynamically add animations using jQuery with ease:

$('#yourElement').addClass('animated bounceOutLeft');

View a video tutorial on how to use Animate.css with jQuery here.