做自(zì)由與創造的先行者

CSS animation-fill-mode 屬性

CSS中文(wén)手冊

定義和(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)。
網站(zhàn)建設開(kāi)發|APP設計(jì)開(kāi)發|小(xiǎo)程序建設開(kāi)發
下(xià)一篇:CSS animation-iteration-count 屬性
上(shàng)一篇:CSS animation-duration 屬性