Thursday, 12 July 2012

Animate.css Just-add-water CSS animation


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.
Danger, Will Robinson!

Attention seekers

flash bounce shake tada swing wobblewiggle pulse

Flippers (currently Webkit, Firefox, & IE10 only)

flip flipInX flipOutX flipInY flipOutY

Fading entrances

fadeIn fadeInUp fadeInDown fadeInLeftfadeInRight fadeInUpBig fadeInDownBigfadeInLeftBig fadeInRightBig

Fading exits

fadeOut fadeOutUp fadeOutDown fadeOutLeftfadeOutRight fadeOutUpBig fadeOutDownBigfadeOutLeftBig fadeOutRightBig

Bouncing entrances

bounceIn bounceInDown bounceInUp bounceInLeftbounceInRight

Bouncing exits

bounceOut bounceOutDown bounceOutUpbounceOutLeft bounceOutRight

Rotating entrances

rotateIn rotateInDownLeft rotateInDownRightrotateInUpLeft rotateInUpRight

Rotating exits

rotateOut rotateOutDownLeft rotateOutDownRightrotateOutUpLeft rotateOutUpRight


lightSpeedIn lightSpeedOut


hinge rollIn rollOut

No comments:

Post a Comment