Animate.cssJust-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 animatedto the element you want to animate. You may also want to include the class infinitefor an infinite loop.

Example:

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 tutorialon how to use Animate.css with jQuery here.