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