animation

CSS animation 属性是简写属性形式。animation 属性用来指定一组或多组动画，每组之间用逗号相隔。

1. animation-duration 动画完成一个周期所需的时间。可以用秒（s）或毫秒（ms）指定。值必须是正数或零，单位是必需的。（每个动画定义中的属性值的顺序很重要：可以被解析为 time 的第一个值被分配给 animation-duration，第二个分配给 animation-delay）
2. animation-timing-function easing-function 定义 CSS 动画在每一动画周期中执行的节奏。对于关键帧动画来说，timing function 作用于一个关键帧周期而非整个动画周期，即从关键帧开始开始，到关键帧结束结束。
3. animation-delay 设置动画延迟
4. animation-iteration-count 动画播放的次数。默认为 1。你可以指定非整数值以播放动画循环的一部分：例如，0.5 将播放动画循环的一半。负值是无效的。infinite 无限循环播放动画。
5. animation-direction 动画播放的方向，正向，反向，交替播放。
6. animation-fill-mode 设置 CSS 动画在执行之前和之后如何将样式应用于其目标。
7. animation-play-state 播放、暂停
8. animation-name 动画名称