TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超3個(gè)贊
animation-fill-mode : none | forwards | backwards | both;
none：不改變默認(rèn)行為。
forwards ：當(dāng)動(dòng)畫(huà)完成后，保持最后一個(gè)屬性值（在最后一個(gè)關(guān)鍵幀中定義）。
backwards：在 animation-delay 所指定的一段時(shí)間內(nèi)，在動(dòng)畫(huà)顯示之前，應(yīng)用開(kāi)始屬性值（在第一個(gè)關(guān)鍵幀中定義）。
both：向前和向后填充模式都被應(yīng)用。
擴(kuò)展資料：
CSS3是CSS（層疊樣式表）技術(shù)的升級(jí)版本，于1999年開(kāi)始制訂，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模塊、超鏈接方式、語(yǔ)言模塊、背景和邊框、文字特效、多欄布局等模塊 。
CSS演進(jìn)的一個(gè)主要變化就是W3C決定將CSS3分成一系列模塊。瀏覽器廠商按CSS節(jié)奏快速創(chuàng)新，因此通過(guò)采用模塊方法，CSS3規(guī)范里的元素能以不同速度向前發(fā)展，因?yàn)椴煌臑g覽器廠商只支持給定特性。但不同瀏覽器在不同時(shí)問(wèn)支持不同特性，這也讓跨瀏覽器開(kāi)發(fā)變得復(fù)雜。
TA貢獻(xiàn)1845條經(jīng)驗(yàn) 獲得超8個(gè)贊
| 1 | animation-fill-mode : none | forwards | backwards | both; |
none：不改變默認(rèn)行為。
forwards ：當(dāng)動(dòng)畫(huà)完成后，保持最后一個(gè)屬性值（在最后一個(gè)關(guān)鍵幀中定義）。
backwards：在 animation-delay 所指定的一段時(shí)間內(nèi)，在動(dòng)畫(huà)顯示之前，應(yīng)用開(kāi)始屬性值（在第一個(gè)關(guān)鍵幀中定義）。
both：向前和向后填充模式都被應(yīng)用。
TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超10個(gè)贊
/*動(dòng)畫(huà)寫(xiě)成
@keyframes name
{
0%{left:0px;}
100%{left:200px;}
}
動(dòng)畫(huà)定義為只播放1遍，然后動(dòng)畫(huà)樣式后面定義好left:200px就可以了，因?yàn)闃邮绞菑那巴髨?zhí)行的。親測(cè)成功，希望可以幫到你。
來(lái)個(gè)例子吧，省得諸位看不懂再給差評(píng)：比如1個(gè)class叫box的div，照樓主的要求就是：
@keyframes move
{
0%{left:0px;}
100%{left:200px;}
}
.box{animation: move 2s linear 0 1; left: 200px;}
這樣就可以把box的left定在200px。*/
上面是注釋，也是另外的方法。
舉報(bào)