CSS动画

CSS动画

一、动画属性

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：指定动画是否正在运行或已暂停。
动画属性包括：
①animation-name
②animation-duration
③animation-timing-function
④animation-delay
⑤animation-iteration-count
⑥animation-direction
⑦animation-fill-mode
⑧animation-play-state
二、动画相关
1、animation的简写（即上述属性的介绍顺序）
2、keyframes：定义动画规则，关键帧。
3、浏览器前缀
4、定义动画时，必须定义动画的名称和动画的持续时间。如果省略持续时间，动画将无法运行，因为默认值是0。