定义和用法
所述transitionTimingFunction属性指定的迁移效果的速度曲线。
此属性允许一个过渡效果超过其持续时间变化的速度。
浏览器支持
该transitionTimingFunction属性在Internet Explorer 10，火狐，Opera和Chrome浏览器的支持。
Safari支持替代，WebkitTransitionTimingFunction属性。
注：在Internet Explorer 9及更早版本不支持transitionTimingFunction财产。
句法
返回transitionTimingFunction属性：
object .style.transitionTimingFunction 设置transitionTimingFunction属性：
object .style.transitionTimingFunction ="ease|linear|ease-in|ease-out|ease-in-out|cubic-bezier()|
initial|inherit"
属性值
| 值 | 描述 |
|---|---|
| ease | 默认值。 指定与慢启动的过渡效果，那么快，那么慢慢地结束(equivalent to cubic- bezier(0.25,0.1,0.25,1) |
| linear | 指定以相同的速度从开始到结束的过渡效应(equivalent to cubic- bezier(0,0,1,1) |
| ease-in | 指定与慢启动的过渡效应（相当于cubic- bezier(0.42,0,1,1) |
| ease-out | 指定与一个缓慢端的过渡效应（相当于cubic- bezier(0,0,0.58,1) |
| ease-in-out | 指定与一个缓慢的开始和结束的过渡效应（相当于cubic- bezier(0.42,0,0.58,1) |
| cubic- bezier( n , n , n , n ) | 在立方贝塞尔函数定义自己的值。 可能的值是从0到1的数值 |
| initial | 将此属性设置为默认值。 阅读关于初始 |
| inherit | 继承其父元素此属性。 阅读关于继承 |
技术细节
| 默认值： | 缓解 |
|---|---|
| 返回值： | 一个字符串，表示元素的过渡定时功能属性 |
| CSS版本 | CSS3 |
相关页面
CSS参考： transition-timing-function property
<Style对象