例
改變的animationTimingFunction屬性<div>元素:
document.getElementById("myDIV").style.animationTimingFunction = "linear";
試一試» 定義和用法
所述animationTimingFunction指定動畫的速度曲線。
速度曲線定義動畫使用從一組CSS樣式到另一個更改時間。
速度曲線來進行更改順利。
瀏覽器支持
在表中的數字規定,完全支持該財產瀏覽器版本。
數字後面盎司指定的前綴工作的第一個版本。
屬性 | |||||
---|---|---|---|---|---|
animationTimingFunction | 43.0 | 不支持 | 16.0 5.0萬盎司 | 不支持 | 30.0 |
句法
返回animationTimingFunction屬性:
object .style.animationTimingFunction
設置animationTimingFunction屬性:
object .style.animationTimingFunction="linear|ease|ease-in|ease-out|cubic-bezier( 屬性值 值 描述 linear 在動畫從開始以相同的速度結束 ease 默認值。 動畫有一個緩慢的開始,那麼快,它結束前慢慢 ease-in 動畫有一個緩慢的開始 ease-out 動畫有一個緩慢結束 ease-in-out 動畫既有慢啟動和慢結束 cubic- bezier( n , n , n , n ) 定義在立方貝塞爾函數自己的價值觀
可能的值是從0到1的數值 initial 將此屬性設置為默認值。 閱讀關於初始 inherit 繼承其父元素此屬性。 閱讀關於繼承
技術細節
默認值: 緩解 返回值: 一個字符串,表示元素的動畫定時功能屬性 CSS版本 CSS3
相關頁面
CSS參考: animation-timing-function property
<Style對象