【发布时间】：2012-11-30 21:27:02
【问题描述】：
我有一个想法，可以为无限循环嵌套 CSS 动画，其中每个循环的持续时间是不同的素数，因此累积效果是一个很好的非重复动画（将鼠标悬停在徽标上，使用 webkit 浏览器获取想法：@ 987654321@)
问题是当 :hover 状态结束时，一切都会立即跳回原始状态。
有没有人有任何想法或建议可以使过渡更顺利？
【问题讨论】：
【发布时间】：2012-11-30 21:27:02
【问题描述】：
不幸的是，对于 CSS 动画的工作方式，没有简单的方法可以做到这一点。您可以使用 animation-play-state 属性，但当您不再悬停时，这只会将动画冻结在当前帧。
我的建议是使用 JavaScript 在悬停时添加一个类，然后触发一个完整的动画循环。
【讨论】：
-
谢谢！我担心这会是答案。关于动画播放状态的好提示，我不知道该属性:)