css动画演示


CSS3 Animation IE10+

Internet Explorer 9 以及更早的版本不支持 animation 属性。

特殊

a-bounce 弹跳
a-flash 闪烁
a-shake 震颤
a-swing 摇摆
a-ring 震铃

弹入

a-bouncein 弹入
a-bounceinT 弹入-从上
a-bounceinR 弹入-从右
a-bounceinB 弹入-从下
a-bounceinL 弹入-从左

弹出

a-bounceout 弹出
a-bounceoutT 弹出-向上
a-bounceoutR 弹出-向右
a-bounceoutB 弹出-向下
a-bounceoutL 弹出-向左

转入

a-rotatein 转入
a-rotateinLT 转入-从左上
a-rotateinLB 转入-从左下
a-rotateinRT 转入-从右上
a-rotateinRB 转入-从右下

转出

a-rotateout 转出
a-rotateoutLT 转出-从左上
a-rotateoutLB 转出-从左下
a-rotateoutRT 转出-从右上
a-rotateoutRB 转出-从右下

翻转

a-flip 翻转
a-flipinX 翻入-X轴
a-flipinY 翻入-Y轴

翻出

a-flipoutX 翻出-X轴
a-flipoutY 翻出-Y轴

淡入

a-fadein 淡入
a-fadeinT 淡入-从上
a-fadeinR 淡入-从右
a-fadeinB 淡入-从下
a-fadeinL 淡入-从左

淡出

a-fadeout 淡出
a-fadeoutT 淡出-向上
a-fadeoutR 淡出-向右
a-fadeoutB 淡出-向下
a-fadeoutL 淡出-向左