Animate.css动画演示
您的浏览器不支持 CSS3 animate 属性，所以您看不到任何效果，请使用 Firefox、Chrome 或 IE10
- bounce 弹跳
- flash 闪烁
- pulse 放大
- rubberBand 果冻收缩效果
- gelatine 果冻放大效果
- 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 3D翻转
- flipInX X轴翻转进入
- flipInY Y轴翻转进入
- flipOutX X轴翻转退出
- flipOutY Y轴翻转退出
- lightSpeedIn 光速进入
- lightSpeedOut 光速退出
- rotateIn 旋转进入
- rotateInDownLeft [从左上角]旋转进入
- rotateInDownRight [从右上角]旋转进入
- rotateInUpLeft [从左下角]旋转进入
- rotateInUpRight [从右下角]旋转进入
- rotateOut 旋转退出
- rotateOutDownLeft [向左下角]旋转退出
- rotateOutDownRight [向右下角]旋转退出
- rotateOutUpLeft [向左上角]旋转退出
- rotateOutUpRight [向右上角]旋转退出
- slideInDown [从上往下]移入
- slideInLeft [从左]移入
- slideInRight [从右]移入
- slideOutLeft [向左]移出
- slideOutRight [向右]移出
- slideOutUp [向上]移出
- hinge 悬挂左下角
- rollIn 转入
- rollOut 转出
dowebok.com
说 明
下 载