Style animationFillMode 屬性

實例

改變 <div> 元素的 animationFillMode 屬性：

document.getElementById("myDIV").style.animationFillMode="forwards";

animationFillMode 屬性規(guī)定當動畫不播放時（當動畫完成時，或當動畫有一個延遲未開始播放時），要應(yīng)用到元素的樣式。

默認情況下，CSS 動畫在第一個關(guān)鍵幀播放完之前不會影響元素，在最后一個關(guān)鍵幀完成后停止影響元素。animationFillMode 屬性可重寫該行為。

只有 Firefox 和 Opera 支持 animationFillMode 屬性。

返回 animationFillMode 屬性：

object.style.animationFillMode

設(shè)置 animationFillMode 屬性：

值	描述
none	默認值。動畫在動畫執(zhí)行之前和之后不會應(yīng)用任何樣式到目標元素。
forwards	在動畫結(jié)束后（由 animation-iteration-count 決定），動畫將應(yīng)用該屬性值。
backwards	動畫將應(yīng)用在 animation-delay 定義期間啟動動畫的第一次迭代的關(guān)鍵幀中定義的屬性值。這些都是 from 關(guān)鍵幀中的值（當 animationDirection 為 "normal" 或 "alternate" 時）或 to 關(guān)鍵幀中的值（當 animationDirection 為 "reverse" 或 "alternate-reverse" 時）。
both	動畫遵循 forwards 和 backwards 的規(guī)則。也就是說，動畫會在兩個方向上擴展動畫屬性。
initial	設(shè)置該屬性為它的默認值。請參閱 initial。
inherit	從父元素繼承該屬性。請參閱 inherit。

默認值：	none
返回值：	字符串，表示元素的 animation-fill-mode 屬性。
CSS 版本	CSS3