這篇文章主要介紹css中animation-fill-mode屬性的使用方法,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
創(chuàng)新互聯(lián)專注于企業(yè)全網(wǎng)營(yíng)銷推廣、網(wǎng)站重做改版、阿壩州網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5響應(yīng)式網(wǎng)站、商城網(wǎng)站開發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)營(yíng)銷網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù),價(jià)格優(yōu)惠性價(jià)比高,為阿壩州等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
animation-fill-mode 屬性規(guī)定動(dòng)畫在播放之前或之后,其動(dòng)畫效果是否可見。
注釋:其屬性值是由逗號(hào)分隔的一個(gè)或多個(gè)填充模式關(guān)鍵詞。
語(yǔ)法
animation-fill-mode : none | forwards | backwards | both;
值 | 描述 |
none | 不改變默認(rèn)行為。 |
forwards | 當(dāng)動(dòng)畫完成后,保持最后一個(gè)屬性值(在最后一個(gè)關(guān)鍵幀中定義)。 |
backwards | 在 animation-delay 所指定的一段時(shí)間內(nèi),在動(dòng)畫顯示之前,應(yīng)用開始屬性值(在第一個(gè)關(guān)鍵幀中定義)。 |
both | 向前和向后填充模式都被應(yīng)用。 |
實(shí)例
為 h2 元素規(guī)定填充模式: