Style transitionTimingFunction 屬性
描述
transitionTimingFunction 屬性指定過渡效果的速度曲線。
此屬性允許過渡效果在持續時間內改變速度。
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| transitionTimingFunction | 26.0 | 10.0 | 16.0 | 6.1 | 12.1 |
語法
返回 transitionTimingFunction 屬性
object.style.transitionTimingFunction
設定 transitionTimingFunction 屬性
object.style.transitionTimingFunction = "ease|linear|ease-in|ease-out|ease-in-out|cubic-bezier()|
initial|inherit"
屬性值
| 值 | 描述 |
|---|---|
| ease | 預設值。指定一個先慢後快再慢的過渡效果（等同於 cubic-bezier(0.25, 0.1, 0.25, 1)） |
| linear | 指定一個從開始到結束速度相同的過渡效果（等同於 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) | 在 cubic-bezier 函式中定義自己的值。可能的值是 0 到 1 的數值 |
| initial | 將此屬性設定為其預設值。閱讀關於 initial |
| inherit | 從其父元素繼承此屬性。閱讀關於 inherit |
技術詳情
| 預設值 | ease |
|---|---|
| 返回值 | 一個字串，表示元素的 transition-timing-function 屬性 |
| CSS 版本 | CSS3 |
相關頁面
CSS 參考：transition-timing-function 屬性
