Animate.css
随便选择一个动画效果试试
bounce 反弹
flash 闪烁
pulse 脉冲
rubberBand 橡皮筋弹性
shake 左右摇晃
swing 侧边摇摆
tada 强烈突出
wobble 左右大摆
jello 果冻弹性
heartBeat 心跳弹性
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 右上摆出
slideInUp 向上滑入
slideInDown 向下滑入
slideInLeft 向左滑入
slideInRight 向右滑入
slideOutUp 向上滑出
slideOutDown 向下滑出
slideOutLeft 向左滑出
slideOutRight 向右滑出
zoomIn 正中换大进入
zoomInDown 向下放大进入
zoomInLeft 向左放大进入
zoomInRight 向右放大进入
zoomInUp 向上放大进入
zoomOut 正中缩小离开
zoomOutDown 向下缩小离开
zoomOutLeft 向左缩小离开
zoomOutRight 向右缩小离开
zoomOutUp 向上缩小离开
hinge铰链效果
jackInTheBox正中摆动换大
rollIn 向左飘进
rollOut 向右飘出
运行动画
Download Animate.css
(Version3.7.2)
您的浏览器不支持 CSS3 animate 属性,所以您看不到任何效果,请使用 Firefox、Chrome 或 IE10
Attention Seekers
Bouncing Entrances
Bouncing Exits
Fading Entrances
Fading Exits
Flippers
Lightspeed
Rotating Entrances
Rotating Exits
Sliding Entrances
Sliding Exits
Zoom Entrances
Zoom Exits
Specials
点击这里查看效果
bounce
flash
pulse
rubberBand
shake
swing
tada
wobble
jello
heartBeat
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
slideInUp
slideInDown
slideInLeft
slideInRight
slideOutUp
slideOutDown
slideOutLeft
slideOutRight
zoomIn
zoomInDown
zoomInLeft
zoomInRight
zoomInUp
zoomOut
zoomOutDown
zoomOutLeft
zoomOutRight
zoomOutUp
hinge
jackInTheBox
rollIn
rollOut