例
改變的動畫<div>元素，使用所述速記屬性：
// Code for Chrome, Safari and Opera
document.getElementById("myDIV").style.WebkitAnimation = "mynewmove 4s 2";
// Standard syntax
document.getElementById("myDIV").style.animation =
"mynewmove 4s 2"; 試一試» 定義和用法
動畫屬性是動畫屬性的六個速記屬性：
animationName
animationDuration
animationTimingFunction
animationDelay
animationIterationCount
animationDirection
Note:始終指定animationDuration財產，否則持續時間為0，並且將永遠不會被播放。
瀏覽器支持
在表中的數字規定，完全支持該財產瀏覽器版本。
數字後面的Webkit，萬盎司或O指定的前綴工作的第一個版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| animation | 43.0 4.0的Webkit | 10.0 | 16.0 5.0萬盎司 | 4.0的Webkit | 30.0 15.0的Webkit 12.1 12.0 -O- |
注：瀏覽器，Safari和Opera支持替代方案，WebkitAnimation財產。
句法
返回動畫屬性：
object .style.animation 設置動畫屬性：
object .style.animation=" 屬性值 值 描述 animationName 指定關鍵幀的名稱要綁定的選擇 animationDuration 指定動畫多少秒或毫秒需要完成
animationTimingFunction 指定動畫的速度曲線 animationDelay 指定的延遲之前，動畫將開始
animationIterationCount 指定動畫多少次應播放 animationDirection 指定動畫是否應在交替週期反向播放 animationFillMode 指定了值由動畫正在執行的時間外部施加 animationPlayState 指定動畫是否正在運行或暫停 initial 將此屬性設置為默認值。 閱讀關於初始 inherit 繼承其父元素此屬性。 閱讀關於繼承
技術細節
默認值： 無0 0易於正常1運行無 返回值： 一個字符串，表示元素的動畫屬性 CSS版本 CSS3
相關頁面
CSS參考： animation property
<Style對象