新！我的 44 頁電子書「44 分鐘學會 CSS」已經出版了！ 😃

立即取得 →

#animation-fill-mode

定義動畫開始前和結束後會發生什麼事。填充模式允許告訴瀏覽器動畫的樣式是否也應該套用在動畫之外。

預設值 animation-fill-mode: none;

動畫樣式不會影響預設樣式：元素在動畫開始前會設定為其預設狀態，並在動畫結束後返回該預設狀態。

animation-fill-mode: forwards;

動畫結束時套用的最後樣式會在之後保留。

animation-fill-mode: backwards;

動畫的樣式會在動畫實際開始之前套用。

animation-fill-mode: both;

樣式會在動畫播放之前