Skip to content


Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
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.
branch: master

This branch is 10 commits ahead, 141 commits behind daneden:master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
.gitignore cleaning up to start converting CSS animations to LESS mixins.
animate.less cleaning up to start converting CSS animations to LESS mixins.
index.html index.html to demo LESS animations. not working yet.


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.

Something went wrong with that request. Please try again.