最新的Web开发教程
 

Style animationTimingFunction Property

<Style对象

改变的animationTimingFunction属性<div>元素:

document.getElementById("myDIV").style.animationTimingFunction = "linear";
试一试»

定义和用法

所述animationTimingFunction指定动画的速度曲线。

速度曲线定义动画使用从一组CSS样式到另一个更改时间。

速度曲线来进行更改顺利。


浏览器支持

在表中的数字规定,完全支持该财产浏览器版本。

数字后面盎司指定的前缀工作的第一个版本。

属性
animationTimingFunction 43.0 不支持 16.0
5.0万盎司
不支持 30.0

句法

返回animationTimingFunction属性:

object .style.animationTimingFunction

设置animationTimingFunction属性:

object .style.animationTimingFunction="linear|ease|ease-in|ease-out|cubic-bezier( 属性值
描述
linear 在动画从开始以相同的速度结束
ease 默认值。 动画有一个缓慢的开始,那么快,它结束前慢慢
ease-in 动画有一个缓慢的开始
ease-out 动画有一个缓慢结束
ease-in-out 动画既有慢启动和慢结束
cubic- bezier( n , n , n , n ) 定义在立方贝塞尔函数自己的价值观
可能的值是从0到1的数值
initial 将此属性设置为默认值。 阅读关于初始
inherit 继承其父元素此属性。 阅读关于继承

技术细节

默认值: 缓解
返回值: 一个字符串,表示元素的动画定时功能属性
CSS版本 CSS3

相关页面

CSS参考: animation-timing-function property


<Style对象