Reorganized, cleaned up and LESSified version of animate.css - CSS animations for WebKit, Firefox and beyond. NOTE!!! There are features coming in LESS that will help to refactor this. Until then, consider starring the project to stay updated.
Pull request Compare This branch is 10 commits ahead, 235 commits behind daneden:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


Just-add-water CSS animation

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.


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

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');

You can change the duration of your animations, add a delay or change the number of times that it plays!

#yourElement {
    -vendor-animation-duration: 3s;
    -vendor-animation-delay: 2s;
    -vendor-animation-iteration-count: infinite;

Note: be sure to replace "vendor" in the CSS with the applicable vendor prefixes (webkit, moz, ms, o)


Animate.css is licensed under the ☺ license. (

Learn more

You can learn more about animate.css over at You can also get in touch via email ( or twitter (@_dte) if you need any help or have any issues.