如何防止Firefox动画/过渡跳转

时间:2013-10-26 21:05:43

标签: css firefox css-animations

今天我发现Firefox中存在一个相当不错的错误。

当您将CSS动画应用于元素以及针对相同键的转换(例如transition: all)时,动画会断断续续/跳转/重新启动/运行两次。

我编译了a quick demo。在除Firefox之外的所有浏览器中,栏都按预期向下滑动。由于过渡,只有Firefox口吃。

这是一个已知的错误吗?是否有聪明的方法来规避这个?我不想再开始编写特定于浏览器的样式表。是否有JavaScript下降?

1 个答案:

答案 0 :(得分:1)

不确定这是不是一个错误...我在规范中找不到一个或哪个地方的地方。无论如何,您是否搜索和/或file a bug report

无论如何,解决方法不是使用all,它会触发因animation而发生的位置变化,但会使用更具体的内容。例如。在你的演示中使用

transition: background .5s ease

http://codepen.io/anon/pen/Donfk