1.animation-name

animation-name属性:为 @keyframes 动画规定名称。

2.animation-duration

animation-duration属性:完成一个动画周期所需要的时间。

3.animation-timing-function

animation-timing-function属性:规定动画的速度曲线

常用属性:

ease        默认。动画以低速开始,然后加快,在结束前变慢。

ease-in        动画以低速开始。

ease-out        动画以低速结束。

ease-in-out        动画以低速开始和结束

cubic-bezier(n,n,n,n)        在 cubic-bezier 函数中自己的值。可能的值是从 0 到 1 的数值。

4.animation-delay

animation-delay属性:定义动画何时开始 。

5.animation-iteration-count

animation-iteration-count属性:设置动画播放次数。

常用属性:

infinite        无限次数轮播

n        播放n次

6.animation-direction

animation-direction属性:设置动画是否反向播放,对只播放一次的动画该属性无效。

常用属性:

normal        默认值动画正常播放

alternate        动画轮流反向播放 

7.animation

animation属性:简写属性,用于设置6个动画属性分别是

animation-name        为 @keyframes 动画规定名称

animation-duration        完成一个动画周期所需要的时间

animation-timing-function        规定动画的速度曲线

animation-delay        定义动画何时开始

animation-iteration-count        设置动画播放次数

animation-direction        设置动画是否反向播放

精彩内容

评论可见,请评论后查看内容,谢谢!!!评论后请刷新页面。