animation動畫結束後css樣式怎麼保留最後狀態

本文來源於 CSS animation動畫之animation-fill-mode特性

問題

css屬性animation動畫可以輕松地給頁面帶來很炫很酷的效果，但是有時候我們會遇到這個問題，動畫結束後css狀態會返回到初始狀態，那麼這並不是我們想要的，我們希望動畫結束後css狀態達到最後的模樣。

解決方案

為了達到這個效果，可以給個css樣式：

animation-fill-mode:forwards

animation-fill-mode屬性詳細介紹可查看 CSS animation動畫之animation-fill-mode特性