定義和用法
所述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對象