CSS转换不适用于Safari(第一次拍摄)

时间:2016-04-24 14:22:48

标签: jquery css safari transition

这里有绝对的菜鸟,所以请提前道歉。

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

JSFiddle

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

问题是Safari正在立即停止(在第一个命令上)而没有转换生效。在这第一次之后,转换每次都很好。

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

我非常感谢你对这个的帮助。

1 个答案:

答案 0 :(得分:0)

我发现使用

.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; 
}