本文來源於 CSS animation動畫之animation-fill-mode特性
問題
css屬性animation動畫可以輕松地給頁面帶來很炫很酷的效果,但是有時候我們會遇到這個問題,動畫結束後css狀態會返回到初始狀態,那麼這並不是我們想要的,我們希望動畫結束後css狀態達到最後的模樣。
解決方案
為了達到這個效果,可以給個css樣式:
animation-fill-mode:forwards
animation-fill-mode屬性詳細介紹可查看 CSS animation動畫之animation-fill-mode特性