昨天我写了关于旋转圆圈的堆栈问题。我得到了解决方案答案,但我想重写用于处理 :hover 的代码。这是主要问题。它在 chrome 上不工作,但在 mozilla 下工作完美。(不工作我的意思是它一直在旋转。我需要它在悬停时旋转)
代码:
HTML
<div class="loading">
<div class="circle-small"></div>
<div class="circle-medium"></div>
<div class="circle-big"></div>
</div>
最佳答案
您应该在调用animation
本身之后调用animation-play-state
,否则规则似乎被覆盖了。
稍后在工作表中调用它会看到规则起作用。
关于html - webkit-animation-play-state 不适用于 chrome,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23095462/