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規范里的元素能以不同速度向前發展，因為不同的瀏覽器廠商只支持給定特性。但不同瀏覽器在不同時問支持不同特性，這也讓跨瀏覽器開發變得復雜。

總結

以上是生活随笔為你收集整理的css动画执行保持forwards,css3动画如何在动作结束时保持该状态不变的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。