最新的Web開發教程
 

Style animationTimingFunction Property

<Style對象

改變的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對象