Animate.css adds cool, cross browser animations using pure css. This css file helps you to easily add attention seekers, flippers, fading entrances, fading exits, sliders, bouncing entrances, bouncing exits, rotating entrances, rotating exits, lightspeed and other special effects.
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:
The plugin is licensed under MIT license. Here is the set of css classes defined which you can readily paste it for bringing animations.
flash bounce shake tada swing wobble pulse
Flippers (currently Webkit, Firefox, & IE10 only):
flip flipInX flipOutX flipInY flipOutY
fadeIn fadeInUp fadeInDown fadeInLeft fadeInRight fadeInUpBig fadeInDownBig fadeInLeftBig fadeInRightBig
fadeOut fadeOutUp fadeOutDown fadeOutLeft fadeOutRight fadeOutUpBig fadeOutDownBig fadeOutLeftBig fadeOutRightBig
bounceIn bounceInDown bounceInUp bounceInLeft bounceInRight
bounceOut bounceOutDown bounceOutUp bounceOutLeft bounceOutRight
rotateIn rotateInDownLeft rotateInDownRight rotateInUpLeft rotateInUpRight
rotateOut rotateOutDownLeft rotateOutDownRight rotateOutUpLeft rotateOutUpRight
hinge rollIn rollOut