Awesome Cross-Browser Animations with Animate.css

Animate.css is a wonderful thing to animate whatever you want in your project. It’s a bunch of cool, fun, and cross-browser animations for creating outstanding sliders, for emphasis, home pages, and general just for adding coolness to the modern web.

Usage

To use animate.css in your website, simply drop the stylesheet into your document's head, and add the class animated to an element, along with any of the animation names. That's it! You've got a CSS animated element.

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');

You can change the duration of your animations, add a delay or change the number of times that it plays!