CSS参考手册（动画属性）

动画animation

1.delay属性   规定动画延迟的时间（允许负值）

div{

animation-delay：2s；

}     动画延迟2秒

2.direction属性   规定动画的方向

normal 默认值

alternate 向前

reverse 反方向

alternate-reverse先前进 然后后退

div{

anmiation-direction：reverse；

}   反方向

3.duration属性 规定动画的一个周期时间

div{

animation-duration：3s；

}  一个周期为3秒

4.fil-mode属性 规定动画在播放的前后，效果动画是否可见

注释：其属性值是由逗号分隔的一个或多个填充模式关键词。

none 默认行为

forwards 当动画完成时保持最后属性值

backwards 在 animation-delay 所指定的一段时间内，在动画显示之前，应用开始属性值（在第一个关键帧中定义）

both 向前向后填充模式都被应用

div{

animation-fill-mode:forwards;

}

5.iteration-count属性 规定动画的播放次数

infinite 无限次播放

dive{

animation-iteration-count:3;

}    播放3次

6.play-state 规定动画正在运行还是暂停

paused 动画已经暂停

running 动画正在播放

div{

animation-play-state:paused;

}  动画已经停止