View on GitHub

Stagger.css by Noah Addy

A small CSS library to add Staggered Animations to your elements based on Dan Eden's animate.css

Download this project as a .zip file Download this project as a tar.gz file

Stagger.css.

This is based on the animate.css library by Dan Eden. By adding simple and numbered classes to your elements, the elements will stagger into view. You can tweak the LESS file to use different intervals or variables:

These 3 elements will stagger and slide into view one at a time. `<div class="animated slideIn _1"></div>

`

View a demo here: http://jsbin.com/cusuz/4

How to use

Animate.css requires animated elements to have classes, "animated animationName". All you need to do is add _X example: "animated slideUp _4" will delay the animation by 4 * the interval set before firing off the animation.

License

Stagger.css is licensed under the MIT license. (http://opensource.org/licenses/MIT)

Follow me for updates and other info

If you like it, please give me a shout at https://twitter.com/uxnoah . I plan to add some more cool stuff.

Authors and Contributors

Created by Noah Addy (@noahaddy) This library is based on animate.css, the work of Dan Eden (@daneden). It's required for this to work.

Support or Contact

https://twitter.com/uxnoah