Style transitionTimingFunction 屬性
Style 對(duì)象實(shí)例
改變過(guò)渡效果的速度曲線：
document.getElementById("myDIV").style.transitionTimingFunction="linear";
嘗試一下 ?
定義和用法
transitionTimingFunction 屬性規(guī)定過(guò)渡效果的速度曲線。
該屬性允許過(guò)渡效果隨著時(shí)間來(lái)改變其速度。
瀏覽器支持
Internet Explorer 10、Firefox、Opera 和 Chrome 支持 transitionTimingFunction 屬性。
Safari 支持另一個(gè)可替代該屬性的屬性，即 WebkitTransitionTimingFunction 屬性。
注意：Internet Explorer 9 及其之前的版本不支持 transitionTimingFunction 屬性。
語(yǔ)法
返回 transitionTimingFunction 屬性：
object.style.transitionTimingFunction
設(shè)置 transitionTimingFunction 屬性：
object.style.transitionTimingFunction ="ease|linear|ease-in|ease-out|ease-in-out|cubic-bezier()|
initial|inherit"
initial|inherit"
屬性值
| 值 | 描述 |
|---|---|
| ease | 默認(rèn)值。規(guī)定慢速開(kāi)始，然后變快，然后慢速結(jié)束的過(guò)渡效果（相當(dāng)于 cubic-bezier(0.25,0.1,0.25,1)）。 |
| linear | 規(guī)定從開(kāi)始到結(jié)束都保持相同速度的過(guò)渡效果（相當(dāng)于 cubic-bezier(0,0,1,1)）。 |
| ease-in | 規(guī)定以慢速開(kāi)始的過(guò)渡效果（相當(dāng)于 cubic-bezier(0.42,0,1,1)）。 |
| ease-out | 規(guī)定以慢速結(jié)束的過(guò)渡效果（相當(dāng)于 cubic-bezier(0,0,0.58,1)）。 |
| ease-in-out | 規(guī)定以慢速開(kāi)始和結(jié)束的過(guò)渡效果（相當(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。 |
技術(shù)細(xì)節(jié)
| 默認(rèn)值： | ease |
|---|---|
| 返回值： | 字符串，表示元素的 transition-timing-function 屬性。 |
| CSS 版本 | CSS3 |
相關(guān)文章
CSS 參考手冊(cè)：transition-timing-function 屬性
更多建議：