Animate CSS

Animate is an integration of animate.css, 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.


Animate in sites/all/libraries/animate (can be downloaded from

Library usage :

Module usage :
This module allows you to implement Animate css properties in you js/ css. So once you have this module enabled, you can use its properties.
Eg : in your Js you can write : $('#yourElement').addClass('animated bounceOutLeft');

Also you can use Block Class module to add classes to your block through UI.

See demo here :

I have just enabled the module and added class "animated shake" to navigation block and "animated hinge" to search block.

Project Information