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

【问题标题】：How to prevent Firefox animation/transition jump如何防止 Firefox 动画/过渡跳转
【发布时间】：2013-11-05 20:57:42
【问题描述】：

今天我注意到 Firefox 中有一个相当烦人的错误。

当您将 CSS 动画应用于元素以及针对相同键（例如 transition: all）的过渡时，动画会卡住/跳转/重新启动/运行两次。

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

这是一个已知的错误吗？有没有聪明的方法来规避这个问题？我不想再次开始编写特定于浏览器的样式表。有 JavaScript 插件吗？

【问题讨论】：

【解决方案1】：

不确定这是否是一个错误...我在规范中找不到一个地方可以说是一个或另一个。无论如何，您是否搜索过和/或file a bug report？

无论如何，解决方法是不要使用all，它也会触发位置变化，这是由于animation 而发生的，而是使用更具体的东西。例如。在您的演示中使用

transition: background .5s ease

【讨论】：