Css Chrome-webkit动画播放状态闪烁

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

这是小提琴：

---

有人能解决这个问题吗？

不幸的是，动画和悬停是两项繁重的操作。现在，动画仍然是新的，不是很稳定。因此，如果要删除闪烁，请删除悬停。

---

您可以尝试在另一个div上应用悬停，也许这会有所帮助。

我认为此链接会有所帮助，请稍后给我反馈

设法

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

---

幸运的是

我可能错了，但如果在Safari中工作正常，这意味着错误不在代码中。唯一能做的就是等待Chrome的未来版本来修正这一特性。有什么解决办法吗？我自己刚刚解决了这个问题。osx上的铬30.0.1599.101。它适用于狩猎。