CSS Animate

Animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Just-add-water CSS animations.

Examples

Use a classes .animation-{name} to quickly add a animation.

Look at me
                  
                    <div id="lookatme" class="animated fadeIn"></div>
                  
                

You can do a whole bunch of other stuff with animate.css when you combine it with Javascript or add your own CSS rules. Dynamically add animations using Javascript with ease:

                  
                    document.getElementById('elementName').classList.add("animated", "bounceOutLeft");
                  
                

You may also want to include the class .infinite for an infinite loop.

                  
                    <div id="infiniteAnimate" class="animated bounce infinite">
                      <button class="btn btn-info">Infinite Animate</button>
                    </div>