animation属性
- animation常用的六个属性
- animation：
- 1.定义@keyframes名称。
- 2.规定完成动画所花费的时间，以秒或毫秒计。
- 3.规定动画的速度曲线。(不常用)。
- 4.规定在动画开始之前的延迟。（延迟只执行一次。如果想前几秒一直延迟，动画中前边百分比让动画保持不变）。
- 5.规定动画的播放方式（是否无限循环）。
- 6.规定是否应该轮流反向播放动画。（不常用，用的话值一般为both）。
-
每个值单设语法
1.animation-name
2.animation-duration
3.animation-timing-function
4.animation-delay
5.animation-iteration-count
6.animation-direction
如图所示
附加属性（不常用）
- 7、animation-fill-mode：规定当动画不播放时（当动画完成时，或当动画有一个延迟未开始播放时），要应用到元素的样式。
- 8、animation-play-state：指定动画是否正在运行或已暂停。
执行动画
-
@keyframes
- @keyframes name{
0%{css更改样式}
20%{css更改样式}
……
100%{css更改样式}
} -
指定的变化时发生时使用％，或关键字"from"和"to"，这是和0％到100％相同。
加油吧。