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

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