jquery - CSS 过渡在 Safari 中不起作用(第一次)

Question

绝对菜鸟，所以提前道歉。

我已经根据之前在此处看到的示例进行了启动/停止减速。

JSFiddle

.small-wheel, .big-wheel{
  transition: all 2s ease-out; 
}

问题是 Safari 会立即停止(在第一个命令上)，而转换不会生效。第一次之后，过渡每次都正常。

在 Firefox 和 Chrome 上，没有这样的行为。

非常感谢你在这方面的帮助。

Answer 1

我发现使用

.stop {
   -webkit-animation-play-state: paused;
   -o-animation-play-state: paused;
   -moz-animation-play-state: paused;
   animation-play-state: paused;  
}

跨浏览器兼容性不是很好，尤其是在 iOS 浏览器上。

我现在使用的是:

.stop{
   -webkit-animation: none !important;
   -moz-animation:none !important;
   animation:none !important; 
}