animation-iteration-count:infinite|<number> 默认一次
infinite:表示不限次数,循环迭代。
animation-direction:normal alternate
alternate:表示反向来回的方式动画。
animation-play-state属性主要用来控制元素动画的播放状态。其主要有两个值:running(默认值)和paused
animation-fill-mode属性定义在动画开始之前和结束之后发生的操作。主要具有四个属性值:none、forwards、backwords和both。其四个属性值对应效果如下:
none
默认值,表示动画将按预期进行和结束,在动画完成其最后一帧时,动画会反转到初始帧处
forwards
表示动画在结束后继续应用最后的关键帧的位置
backwards
会在向元素应用动画样式时迅速应用动画的初始帧
both
元素动画同时具有forwards和backwards效果