欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

CSS3中动画animation的几个属性

程序员文章站 2022-03-16 18:56:40
...
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效果