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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/jesslu/article/details/82877340

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

问题

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

解决方案

为了达到这个效果,可以给个css样式:

animation-fill-mode:forwards

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

猜你喜欢

转载自blog.csdn.net/jesslu/article/details/82877340