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