CSS3 animation动画属性的详细属性

CSS3  animation动画属性的详细属性

animation-name: move; 要使用的动画的名称

animation-duration: 1s; 当前动画执行的持续时间

animation-delay: 1s; 动画的延迟时间

animation-timing-function: linear;动画的播放速度

  linear ease-in-out steps()

animation-iteration-count: 1;动画的播放次数

animation-fill-mode: forwards; 动画播放完之后的状态 

  forwards：保持动画结束后的状态

  backwards：保持动画开始前的状态

animation-direction: alternate; 循环播放动画时，交叉动画

  normal 正常 ， alternate：交叉

animation-play-state: paused; 动画的播放状态




animation: move 2s linear 1s 3 forwards normal  running 

animation: move 2s;