定義和(hé)用法
animation-fill-mode 屬性規定動畫(huà)在播放之前或之後,其動畫(huà)效果是否可(kě)見(jiàn)。
注釋:其屬性值是由逗号分隔的一(yī)個或多個填充模式關鍵詞。
實例
為(wèi) h1 元素規定填充模式:
h1
{
animation-fill-mode: forwards;
}
CSS 語法
animation-fill-mode : none | forwards | backwards | both;
值 | 描述 |
---|---|
none | 不改變默認行(xíng)為(wèi)。 |
forwards | 當動畫(huà)完成後,保持最後一(yī)個屬性值(在最後一(yī)個關鍵幀中定義)。 |
backwards | 在 animation-delay 所指定的一(yī)段時(shí)間(jiān)內(nèi),在動畫(huà)顯示之前,應用開(kāi)始屬性值(在第一(yī)個關鍵幀中定義)。 |
both | 向前和(hé)向後填充模式都(dōu)被應用。 |