animation-fill-mode : none | forwards | backwards | both;

none：不改變默認行為。    

forwards ：當動畫完成后，保持最后一個屬性值（在最后一個關鍵幀中定義）。    

backwards：在 animation-delay 所指定的一段時間內，在動畫顯示之前，應用開始屬性值（在第一個關鍵幀中定義）。    

both：向前和向后填充模式都被應用。  

擴展資料：

CSS3是CSS（層疊樣式表）技術的升級版本，于1999年開始制訂，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模塊、超鏈接方式、語言模塊、背景和邊框、文字特效、多欄布局等模塊   。

CSS演進的一個主要變化就是W3C決定將CSS3分成一系列模塊。瀏覽器廠商按CSS節奏快速創新，因此通過采用模塊方法，CSS3規范里的元素能以不同速度向前發展，因為不同的瀏覽器廠商只支持給定特性。但不同瀏覽器在不同時問支持不同特性，這也讓跨瀏覽器開發變得復雜。

none：不改變默認行為。    

forwards ：當動畫完成后，保持最后一個屬性值（在最后一個關鍵幀中定義）。    

backwards：在 animation-delay 所指定的一段時間內，在動畫顯示之前，應用開始屬性值（在第一個關鍵幀中定義）。    

both：向前和向后填充模式都被應用。   

/*動畫寫成
@keyframes name
{
0%{left:0px;}
100%{left:200px;}
}
動畫定義為只播放1遍，然后動畫樣式后面定義好left:200px就可以了，因為樣式是從前往后執行的。親測成功，希望可以幫到你。

來個例子吧，省得諸位看不懂再給差評：比如1個class叫box的div，照樓主的要求就是：
@keyframes move
{
0%{left:0px;}
100%{left:200px;}
}
.box{animation: move 2s linear 0 1; left: 200px;}
這樣就可以把box的left定在200px。*/

上面是注釋，也是另外的方法。