html - webkit-animation-play-state 不适用于 chrome

Question

昨天我写了关于旋转圆圈的堆栈问题。我得到了解决方案答案，但我想重写用于处理 :hover 的代码。这是主要问题。它在 chrome 上不工作，但在 mozilla 下工作完美。(不工作我的意思是它一直在旋转。我需要它在悬停时旋转)

代码:

HTML

<div class="loading">
    <div class="circle-small"></div>
    <div class="circle-medium"></div>
    <div class="circle-big"></div>
</div>

CSS http://jsfiddle.net/EPy52/3/

Answer 1

您应该在调用animation 本身之后调用animation-play-state，否则规则似乎被覆盖了。

稍后在工作表中调用它会看到规则起作用。

http://jsfiddle.net/EPy52/5/