我有一个关键帧动画来移动蒙版位置，并在悬停按钮时应用。但是当我停止悬停它时， mask 位置重置为 0，这使得过渡有点奇怪。
以下是关键帧:
@keyframes waving-mask {
0% {
mask-position: 0% 0;
}
100% {
mask-position: 100% 0;
}
}
如何在悬停时运行动画并在停止悬停元素时暂停在关键帧位置？
最佳答案
我找到了答案，悬停 animation 是一种错误的方法。而是将动画放在类中，然后添加
animation-play-state: paused;
然后在hover伪类中添加如下内容
animation-play-state: running;
更多关于 animation-play-state
关于css - 如何在未悬停时暂停关键帧动画，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54565995/