# CSS3 animation-fill-mode 屬性 ## 實例 為 h1 元素規定填充模式： ``` h1 { animation-fill-mode: forwards; } ``` ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | Internet Explorer 10、Firefox 以及 Opera 支持 animation-fill-mode 屬性。 Safari 和 Chrome 支持替代的 -webkit-animation-fill-mode 屬性。 注釋：Internet Explorer 9 以及更早的版本不支持 animation-fill-mode 屬性。 ## 定義和用法 animation-fill-mode 屬性規定動畫在播放之前或之后，其動畫效果是否可見。 注釋：其屬性值是由逗號分隔的一個或多個填充模式關鍵詞。 | 默認值： | none | | --- | --- | | 繼承性： | no | | --- | --- | | 版本： | CSS3 | | --- | --- | | JavaScript 語法： | _object_.style.animationFillMode=none | | --- | --- | ## 語法 ``` animation-fill-mode : none | forwards | backwards | both; ``` | 值 | 描述 | | --- | --- | | none | 不改變默認行為。 | | forwards | 當動畫完成后，保持最后一個屬性值（在最后一個關鍵幀中定義）。 | | backwards | 在 animation-delay 所指定的一段時間內，在動畫顯示之前，應用開始屬性值（在第一個關鍵幀中定義）。 | | both | 向前和向后填充模式都被應用。 | ## 相關頁面 CSS3 教程：[CSS3 動畫](/css3/css3_animation.asp "CSS3 動畫")