CSS3中动画animation的几个属性

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效果

猜你喜欢

转载自blog.csdn.net/huangbaokang/article/details/82179033