例
改變的animationFillMode屬性<div>元素：
document.getElementById("myDIV").style.animationFillMode = "forwards";
試一試» 定義和用法
該animationFillMode屬性指定樣式將申請什麼元素當動畫是不是在玩(when it is finished, or when it has a "delay")
默認情況下，CSS動畫，不會影響您設置動畫，直到第一個關鍵幀的元素"played" ，然後停止影響它一旦最後一個關鍵幀已完成。 該animationFillMode屬性可以覆蓋這個行為。
瀏覽器支持
在表中的數字規定，完全支持該財產瀏覽器版本。
數字後面盎司指定的前綴工作的第一個版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| animationFillMode | 43.0 | 不支持 | 16.0 5.0萬盎司 | 不支持 | 30.0 |
句法
返回animationFillMode屬性：
object .style.animationFillMode 設置animationFillMode屬性：
object .style.animationFillMode="none|forwards|backwards|both|initial|inherit"
屬性值
| 值 | 描述 |
|---|---|
| none | 默認值。 動畫將無法之前或之後的任何樣式應用到目標執行 |
| forwards | 動畫結束後(determined by animation-iteration-count) ，動畫將應用屬性值的動畫結束的時間 |
| backwards | 動畫將適用於將啟動動畫的第一次迭代中，在用動畫延遲所限定的時間段的關鍵幀中定義的屬性值。 這些是任一值從關鍵幀(when animation-direction is "normal" or "alternate")或那些的關鍵幀(when animationDirection is "reverse" or "alternate-reverse") |
| both | 動畫將遵循向前和向後的規則。 也就是說，它會在兩個方向延伸動畫屬性 |
| initial | 將此屬性設置為默認值。 閱讀關於初始 |
| inherit | 繼承其父元素此屬性。 閱讀關於繼承 |
技術細節
| 默認值： | 沒有 |
|---|---|
| 返回值： | 一個字符串，表示元素的動畫填充模式屬性 |
| CSS版本 | CSS3 |
相關頁面
CSS參考： animation-fill-mode property
<Style對象