Style transitionTimingFunction 屬性

實(shí)例

改變過渡效果的速度曲線：

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

transitionTimingFunction 屬性規(guī)定過渡效果的速度曲線。

該屬性允許過渡效果隨著時(shí)間來改變其速度。

Internet Explorer 10、Firefox、Opera 和 Chrome 支持 transitionTimingFunction 屬性。

Safari 支持另一個(gè)可替代該屬性的屬性，即 WebkitTransitionTimingFunction 屬性。

注意：Internet Explorer 9 及其之前的版本不支持 transitionTimingFunction 屬性。

返回 transitionTimingFunction 屬性：

object.style.transitionTimingFunction

設(shè)置 transitionTimingFunction 屬性：

值	描述
ease	默認(rèn)值。規(guī)定慢速開始，然后變快，然后慢速結(jié)束的過渡效果（相當(dāng)于 cubic-bezier(0.25,0.1,0.25,1)）。
linear	規(guī)定從開始到結(jié)束都保持相同速度的過渡效果（相當(dāng)于 cubic-bezier(0,0,1,1)）。
ease-in	規(guī)定以慢速開始的過渡效果（相當(dāng)于 cubic-bezier(0.42,0,1,1)）。
ease-out	規(guī)定以慢速結(jié)束的過渡效果（相當(dāng)于 cubic-bezier(0,0,0.58,1)）。
ease-in-out	規(guī)定以慢速開始和結(jié)束的過渡效果（相當(dāng)于 cubic-bezier(0.42,0,0.58,1)）。
cubic-bezier(n,n,n,n)	在 cubic-bezier 函數(shù)中定義自己的值?？赡艿闹凳?0 至 1 之間的數(shù)值。
initial	設(shè)置該屬性為它的默認(rèn)值。請(qǐng)參閱 initial。
inherit	從父元素繼承該屬性。請(qǐng)參閱 inherit。

默認(rèn)值：	ease
返回值：	字符串，表示元素的 transition-timing-function 屬性。
CSS 版本	CSS3