style transitionTimingFunction 属性

更改过渡效果的速度曲线：

document.getElementById("myDIV").style.transitionTimingFunction = "linear";

描述

transitionTimingFunction 属性指定过渡效果的速度曲线。

此属性允许过渡效果在其持续时间内改变速度。

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
transitionTimingFunction	26.0	10.0	16.0	6.1	12.1

返回transitionTimingFunction属性：

object.style.transitionTimingFunction

设置transitionTimingFunction属性：

Value	Description
ease	Default value. Specifies a transition effect with a slow start, then fast, then end slowly (equivalent to cubic-bezier(0.25, 0.1, 0.25, 1))
linear	Specifies a transition effect with the same speed from start to end (equivalent to cubic-bezier(0, 0, 1, 1))
ease-in	Specifies a transition effect with a slow start (equivalent to cubic-bezier(0.42, 0, 1, 1))
ease-out	Specifies a transition effect with a slow end (equivalent to cubic-bezier(0, 0, 0.58, 1))
ease-in-out	Specifies a transition effect with a slow start and end (equivalent to cubic-bezier(0.42, 0, 0.58, 1))
cubic-bezier(n, n, n, n)	Define your own values in the cubic-bezier function. Possible values are numeric values from 0 to 1
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit