Chrome -webkit-animation-play-state 闪烁答案

【问题标题】：Chrome -webkit-animation-play-state flickerChrome -webkit-animation-play-state 闪烁
【发布时间】：2023-03-18 23:59:01
【问题描述】：

我正在使用 CSS3 旋转一个圆圈，并在悬停 div 时使用 -webkit-animation-play-state 暂停/运行动画。一旦它再次开始运行，动画似乎会在 Chrome 中跳回开始的瞬间。在 Safari 中，一切开始和停止都很顺利。

这是小提琴：

有没有人可以解决这个问题？

【问题讨论】：

标签： css

【解决方案1】：

不幸的是，动画和悬停是两个繁重的操作。现在，动画仍然是新的并且不是很稳定。因此，如果要消除闪烁，请消除悬停。
您可以尝试将鼠标悬停在另一个 div 上，也许会有所帮助。

【讨论】：

【解决方案2】：

我觉得这个链接可以帮到我，稍后给我反馈

尝试

-webkit-transform-style: preserve-3d;

祝你好运

【讨论】：