多个转换属性在Firefox中不起作用

Question

我已经使用了这个CSS一段时间了，突然之间我注意到它在Firfox的新版本中没有用。

-moz-transition: all .3s, top 0s, left 0s;

所以最初的想法是不透明度和缩放变换将动画，而顶部和左侧不会动画。我知道使用“不透明.3s”会起作用，但我也需要我的缩放转换才能工作。我也知道CSS“缩放”属性，但这不适合我的需要。

基本上，我只是想让它工作，我不知道为什么这个正确的CSS在Firefox中突然被破坏了。如果有人有替代解决方案，那就太棒了。

Answer 1

Ssssup doode， 而不是all放transform。像这样：

-moz-transition: -moz-transform .3s, top 0s, left 0s;

示例：http://jsfiddle.net/9J5vc/3/

Answer 2

这是最新版本的Firefox而不是您的代码的问题。我有六个网站在这个时候没有正确地在Firefox中渲染css。它们一周前都没问题，并且没有对代码或代码库进行任何更改。样式仍然适用于其他浏览器。

Firefox在当前版本的浏览器上遇到了问题，我相信他们都知道这一点，但实际上，如果它不能很快得到修复，它们将会失去更多的市场份额。真的很遗憾。

Answer 3

这是Firefox中的一个错误：https://bugzilla.mozilla.org/show_bug.cgi?id=835007（类似问题：14533519，最近针对Firefox 21里程碑进行了修复。在此之前，您无法使用all作为多个转换，必须分别指定每个属性。

公平地说，只有most recent W3C draft明确说明了这种行为; earlier versions不清楚应该如何处理这个案件。

Answer 4

这对我有用..

-moz-transition: bottom .3s, right .3s, top 0s, left 0s;

还要确保您的元素仍处于定位状态。