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效果
上一篇: 帧动画
推荐阅读
-
详解CSS3中强大的filter(滤镜)属性
-
实例讲解CSS3中Transform的perspective属性的用法
-
css3中background新增的4个新的相关属性用法介绍
-
CSS3 Flexbox中flex-shrink属性的用法示例介绍
-
简单掌握CSS3中resize属性的用法
-
浅析CSS3中鲜为人知的属性:-webkit-tap-highlight-color
-
CSS3中几个新增加的盒模型属性使用教程
-
在css3中background-clip属性与background-origin属性的用法介绍
-
CSS3线性渐变简单实现以及该属性在浏览器中的不同
-
css3新增属性有哪些?css3中常用的新增属性总结