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