animation-timing-function属性
animation-timing-function用来规定动画的速度曲线，可以定义使用哪种方式来执行动画速率。animation-timing-function属性的语法格式如下：
animation-timing-function:value;在上述语法中，animation-timing-function的默认属性值为ease。另外，animation-timing-function还包括linear、ease-in、ease-out、ease-in-out、cubic-bezier(n,n,n,n)等常用属性值，具体如表1所示。
表1 animation-timing-function的常用属性值
| 属性值 | 描述 |
|---|---|
| linear | 动画从头到尾的速度是相同的。 |
| ease | 默认属性值。动画以低速开始，然后加快，在结束前变慢。 |
| ease-in | 动画以低速开始。 |
| ease-out | 动画以低速结束。 |
| ease-in-out | 动画以低速开始和结束。 |
| cubic-bezier(n,n,n,n) | 在cubic-bezier函数中自己的值。可能的值是从0到1的数值。 |
例如想要让元素匀速匀速运动，可以为元素添加以下示例代码：
animation-timing-function:linear; /*定义匀速运动*/
点击此处
隐藏目录
隐藏目录
