CSS3 Animate It

Because static content is boring!

Quick Start

Animations

bounceIn

<h2 class='animated bounceIn'>It Works!</h2>

bounceInDown

<h2 class='animated bounceInDown'>It Works!</h2>

bounceInRight

<h2 class='animated bounceInRight'>It Works!</h2>

bounceInUp

<h2 class='animated bounceInUp'>It Works!</h2>

bounceInLeft

<h2 class='animated bounceInLeft'>It Works!</h2>

fadeInDownShort (New!)

<h2 class='animated fadeInDownShort'>It Works!</h2>

fadeInUpShort (New!)

<h2 class='animated fadeInUpShort'>It Works!</h2>

fadeInLeftShort (New!)

<h2 class='animated fadeInLeftShort'>It Works!</h2>

fadeInRightShort (New!)

<h2 class='animated fadeInRightShort'>It Works!</h2>

fadeInDown

<h2 class='animated fadeInDown'>It Works!</h2>

fadeInUp

<h2 class='animated fadeInUp'>It Works!</h2>

fadeInLeft

<h2 class='animated fadeInLeft'>It Works!</h2>

fadeInRight

<h2 class='animated fadeInRight'>It Works!</h2>

fadeIn

<h2 class='animated fadeIn'>It Works!</h2>

growIn

<h2 class='animated growIn'>It Works!</h2>

shake

<h2 class='animated shake'>It Works!</h2>

shakeUp

<h2 class='animated shakeUp'>It Works!</h2>

rotateIn

<h2 class='animated rotateIn'>It Works!</h2>

rotateInUpLeft

<h2 class='animated rotateInUpLeft'>It Works!</h2>

rotateInDownLeft

<h2 class='animated rotateInDownLeft'>It Works!</h2>

rotateInUpRight

<h2 class='animated rotateInUpRight'>It Works!</h2>

rotateInDownRight

<h2 class='animated rotateInDownRight'>It Works!</h2>

rollIn

<h2 class='animated rollIn'>It Works!</h2>

wiggle

<h2 class='animated wiggle'>It Works!</h2>

swing

<h2 class='animated swing'>It Works!</h2>

tada

<h2 class='animated tada'>It Works!</h2>

wobble

<h2 class='animated wobble'>It Works!</h2>

pulse

<h2 class='animated pulse'>It Works!</h2>

lightSpeedInRight

<h2 class='animated lightSpeedInRight'>It Works!</h2>

lightSpeedInLeft

<h2 class='animated lightSpeedInLeft'>It Works!</h2>

flip

<h2 class='animated flip'>It Works!</h2>

flipInX

<h2 class='animated flipInX'>It Works!</h2>

flipInY

<h2 class='animated flipInY'>It Works!</h2>