css 您可以通过更改其动画播放状态属性来“暂停”和“播放”CSS动画。将其设置为“暂停”会停止播放动画

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 您可以通过更改其动画播放状态属性来“暂停”和“播放”CSS动画。将其设置为“暂停”会停止播放动画相关的知识,希望对你有一定的参考价值。

.animating_thing {
  animation: spin 10s linear infinite;
  animation-play-state: paused;
}

. animating_thing:hover {
  animation-play-state: running;
}

以上是关于css 您可以通过更改其动画播放状态属性来“暂停”和“播放”CSS动画。将其设置为“暂停”会停止播放动画的主要内容,如果未能解决你的问题,请参考以下文章

将鼠标悬停在css上时如何暂停幻灯片自动播放?

悬停时播放 CSS 动画,悬停时暂停

H5中关于animation的属性介绍

Android属性动画:动画流控制

您可以使用 JavaScript 将 CSS 关键帧动画“强制”到其最终状态吗?

animation属性