强大的CSS3动画库animate.css_html/css_WEB-ITnose

今天要给大家介绍一款强大的CSS3动画库animate.css，animate.css定义了大概50多种动画形式，包括淡入淡出，文字飞入、左右摇摆动画等等。使用animate.css也非常简单，你可以给页面上的任意元素，特别是文字添加各种神奇的动画特效，一起来尝试一下吧。

在线预览 源码下载

实现的代码。

html代码：

  

   
Animate.css    Just-add-water CSS animations  
      
      
bounce
flash
pulse
rubberBand
shake
swing
tada
wobble


bounceIn
bounceInDown
bounceInLeft
bounceInRight
bounceInUp


bounceOut
bounceOutDown
bounceOutLeft
bounceOutRight
bounceOutUp


fadeIn
fadeInDown
fadeInDownBig
fadeInLeft
fadeInLeftBig
fadeInRight
fadeInRightBig
fadeInUp
fadeInUpBig


fadeOut
fadeOutDown
fadeOutDownBig
fadeOutLeft
fadeOutLeftBig
fadeOutRight
fadeOutRightBig
fadeOutUp
fadeOutUpBig


flip
flipInX
flipInY
flipOutX
flipOutY


lightSpeedIn
lightSpeedOut


rotateIn
rotateInDownLeft
rotateInDownRight
rotateInUpLeft
rotateInUpRight


rotateOut
rotateOutDownLeft
rotateOutDownRight
rotateOutUpLeft
rotateOutUpRight


hinge
rollIn
rollOut


zoomIn
zoomInDown
zoomInLeft
zoomInRight
zoomInUp


zoomOut
zoomOutDown
zoomOutLeft
zoomOutRight
zoomOutUp
重试效果    
      

via：http://www.w2bc.com/Article/28857