css 动画animation基本属性(干货)

 1 /* 动画名称 */
 2 animation-name: cloud;
 3 /* 属性定义动画完成一个周期所需要的时间，以秒或毫秒计 */
 4 animation-duration:1s;
 5 /* 属性定义动画何时开始 */
 6 animation-delay: 0s;
 7 /* 规定动画的速度曲线 */
 8 animation-timing-function: linear;
 9 /* 播放次数  n|无限循环 */
10 animation-iteration-count: infinite;
11 /* 动画结束后保持最后动作 */
12 animation-fill-mode: forwards;
13 /* 属性定义是否应该轮流反向播放动画 */
14 animation-direction:normal;
15 /* 属性规定动画在播放之前或之后，其动画效果是否可见 */
16 animation-fill-mode: none;
17 /* 属性规定动画正在运行还是暂停  */
18 animation-play-state: running;