例
改变的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对象