例
改變的animationDirection屬性<div>元素：
document.getElementById("myDIV").style.animationDirection = "reverse";
試一試» 定義和用法
所述animationDirection屬性設置或返回動畫是否應反向播放上交替週期。
Note:如果動畫設置為只播放一次，這個屬性不會有任何效果。
瀏覽器支持
在表中的數字規定，完全支持該財產瀏覽器版本。
數字後面盎司指定的前綴工作的第一個版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| animationDirection | 43.0 | 不支持 | 16.0 5.0萬盎司 | 不支持 | 30.0 |
句法
返回animationDirection屬性：
object .style.animationDirection 設置animationDirection屬性：
object .style.animationDirection="normal|reverse|alternate|alternate-reverse|initial|inherit"
屬性值
| 值 | 描述 |
|---|---|
| normal | 默認值。 該動畫應播放正常 |
| reverse | 該動畫應反向播放 |
| alternate | 動畫將被播放為正常每個奇數時間(1,3,5,etc..)每一個偶數時間和在反方向(2,4,6,etc...) |
| alternate-reverse | 動畫將在相反的方向播放每奇數時間(1,3,5,etc..)並且在正常方向上每隔偶數時間(2,4,6,etc...) |
| initial | 將此屬性設置為默認值。 閱讀關於初始 |
| inherit | 繼承其父元素此屬性。 閱讀關於繼承 |
技術細節
| 默認值： | 正常 |
|---|---|
| 返回值： | 一個字符串，表示元素的動畫方向屬性 |
| CSS版本 | CSS3 |
相關頁面
CSS參考： animation-direction property
<Style對象