animation动画结束后css样式怎么保留最后状态

本文来源于 CSS animation动画之animation-fill-mode特性

问题

css属性animation动画可以轻松地给页面带来很炫很酷的效果，但是有时候我们会遇到这个问题，动画结束后css状态会返回到初始状态，那么这并不是我们想要的，我们希望动画结束后css状态达到最后的模样。

解决方案

为了达到这个效果，可以给个css样式：

animation-fill-mode:forwards

animation-fill-mode属性详细介绍可查看 CSS animation动画之animation-fill-mode特性