animate.css动画样式详解

attention seekers

bounce:弹跳
flash:闪烁
pulse:脉冲(放大然后回到正常大小)
rubberBand:橡皮筋
shake:摇(左右)
headShake
swing:摇摆(上下,以中心为原点)
tada:(缩小然后摇摆,幅度比较小)
wobble:摇晃(左右和上下都有,即沿着一个弧移动,比较快)
jello:果冻(像果冻一样抖动)


bouncing entrances(弹跳进入页面的动画)
bounceIn
bounceInDown
bounceInLeft
bounceInRight
bounceInUp
bouncing  Exits(弹跳离开页面的动画)
bounceOut
bounceOutDown
bounceOutLeft
bounceOutRight
bounceOutUp


fading entrances(颜色逐渐加深进入页面的动画)
fadeIn
fadeInDown
fadeInDownBig
fadeInLeft
fadeInLeftBig
fadeInRight
fadeInRightBig
fadeInUp
fadeInUpBig
fading Exits(颜色逐渐变淡离开页面的动画)
fadeOut
fadeOutDown
fadeOutDownBig
fadeOutLeft
fadeOutLeftBig
fadeOutRight
fadeOutRightBig
fadeOutUp
fadeOutUpBig


flippers(翻动效果)
flip
flipInX
flipInY
flipOutX
flipOutY


Lightspeed(倾斜同时fade的进入进出效果)
lightSpeedIn
lightSpeedOut


Rotating entrances(回转进入)
rotateIn
rotateInDownLeft
rotateInDownRight
rotateInUpLeft
rotateInUpRight


Rotating Exits(回转出去)
rotateOut
rotateOutDownLeft
rotateOutDownRight
rotateOutUpLeft
rotateOutUpRight


zoom entrances(有层次的由小变大显示)
zoomIn
zoomInDown
zoomInLeft
zoomInRight
zoomInUp


zoom Exits(有层次的由大变小消失)
zoomOut
zoomOutDown
zoomOutLeft
zoomOutRight
zoomOutUp


sliding entrances(滑动进入,从界面内)
slideInDown
slideInLeft
slideInRight
slideInUp
sliding Exits(滑动出去,到界面内)
slideOutDown
slideOutLeft
slideOutRight
slideOutUp


Specials 特殊效果
hinge悬挂出
rollIn滚进
rollOut滚出

你可能感兴趣的:(js)