做(zuò)自(zì)由與創造的先行(xíng)者

CSS animation-fill-mode 屬性

CSS中文手冊

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