Animate CSS

Component ID

2073157

Component name

Animate CSS

Component type

module

Maintenance status

Development status

Component security advisory coverage

covered

Downloads

11059

Component created

Component changed

Component body

This module is to provide easy 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.

Usage:
https://github.com/daneden/animate.css/blob/master/README.md

Module usage:
This module allows you to implement Animate CSS animations in your Drupal modules & themes. Once you have enabled this module and add the library, then you can use any animations included in Animate CSS.

Example
In your module/theme JS you can write $('#yourElement').addClass('animated bounceOutLeft');

You can also use Block Class module to add classes to your blocks through the admin UI.

To see Animate CSS in use on a Drupal site, please see this demo.

In the demo linked above, I have enabled the module and added class "animated shake" to navigation block and "animated hinge" to search block.

Dependencies

Libraries
Animate CSS in sites/all/libraries/animate (can be downloaded from https://github.com/daneden/animate.css).