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 jQuery or add your own CSS rules. Dynamically add animations using jQuery with ease:

								
									$('#elementName').addClass('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>