animation 是用于在样式表中规定元素如何按照设定的动画运动的样式属性
构成属性
下面是动画的全额参数设定
animation: name duration timing-function delay iteration-count direction;
动画是由一下参数规定行为的
| 名称 | 介绍 | 允许值 | 备注 |
|---|---|---|---|
| animation-name | 动画的名字是由 keyframe定义的动画 | 自定义名称 | |
| animation-duration | 动画执行时间 | 数字，单位是秒 | |
| animation-timing-function | 规定动画执行的运动曲线 | 参数参考这里 | |
| animation-delay | 动画执行的延迟时间 | 数字，单位是秒 | |
| animation-iteration-count | 动画执行的次数 | 数字，infinite(无限次播放) | |
| animation-direction | 规定动画是否反向播放 | normal(默认值)， alternate(动画应该轮流反向播放。) | |
| animation-play-state | 规定动画是暂停还是运动 | paused(暂停), running(运行) | 也可以在 js 中进行控制 object.style.animationPlayState="paused" |
| animation-fill-mode | 规定动画执行完是停留在开始或者结束 | 具体参数在这里 |
