这里有绝对的菜鸟,所以请提前道歉。
我已根据之前在此处看到的示例进行了开始/停止减速。
.small-wheel, .big-wheel{
transition: all 2s ease-out;
}
问题是Safari正在立即停止(在第一个命令上)而没有转换生效。在这第一次之后,转换每次都很好。
在Firefox和Chrome上,没有这样的行为。
我非常感谢你对这个的帮助。
答案 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;
}