如何使用JS停止CSS3里面的animation

Posted 2023-03-26

参考技术A 用到动画的元素:hover
animation-play-state:paused;

//反正animation-play-state属性已经不支持低级浏览器了。所以不需要考虑hover的兼容效果。
要是想长时间的停止。用JS插入这个属性就好了。
1、用到动画的元素.css('animation-play-state', paused);本回答被提问者和网友采纳

如何停止css animation动画

参考技术A <pre t="code" l="css">animation-fill-mode : none | forwards | backwards | both;none：不改变默认行为。 forwards ：当动画完成后，保持最后一个属性值（在最后一个关键帧中定义）。 backwards：在 animation-delay 所指定的一段时间内，在动画显示之前，应用开始属性值（在第一个关键帧中定义）。 both：向前和向后填充模式都被应用。