Animate.css Cross-Browser CSS3 Animation Generator

Animate.css is an awesome cross browser css3 animation generator that makes it easy to add some eye catching pop to your websites.

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.

Create custom build or Download on Github

To use them in your project, simply add the class to the element, or call the animation yourself in your CSS file. The classes and the animations have the same name.

Test the animations below by clicking on their name. All of the animations demonstrated below have a 0.25 second delay, last for a duration of 1 second, use a timing-function of “ease”, and have a fill-mode of “both”. You’ll have to set these yourself in your own CSS – the class name only sets the animation name.

Original Source: Danden.com