CSS animation-fill-mode 屬性
定義和用法
animation-fill-mode 屬性規定動畫在播放之前或之后，其動畫效果是否可見。
注釋：其屬性值是由逗號分隔的一個或多個填充模式關鍵詞。
另請參閱：
CSS3 教程：CSS 動畫
HTML DOM 參考手冊：animationFillMode 屬性
實例
為 h1 元素規定填充模式：
h1
{
animation-fill-mode: forwards;
}
CSS 語法
animation-fill-mode : none | forwards | backwards | both;
| 值 | 描述 |
|---|---|
| none | 不改變默認行為。 |
| forwards | 當動畫完成后，保持最后一個屬性值（在最后一個關鍵幀中定義）。 |
| backwards | 在 animation-delay 所指定的一段時間內，在動畫顯示之前，應用開始屬性值（在第一個關鍵幀中定義）。 |
| both | 向前和向后填充模式都被應用。 |
技術細節
| 默認值： | none |
|---|---|
| 繼承性： | no |
| 版本： | CSS3 |
| JavaScript 語法： | object.style.animationFillMode=none |
瀏覽器支持
表格中的數字注明了完全支持該屬性的首個瀏覽器版本。
帶 -webkit-、-moz- 或 -o- 的數字表示使用前綴的首個版本。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 43.0 4.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.1 12.0 -o- |
