ff/opera 中带有 margin-left auto 的 css3 过渡

Question

我有一个 #header 元素，带有 margin: 0 auto。我添加了一个媒体查询:

@media screen and (max-width: 950px) {
 #header {
 -webkit-transition: all 0.6s ease-out; 
 -moz-transition: all 0.6s ease-out;
 -o-transition: all 0.6s ease-out;
 margin-left: 0;
 }
}

-moz 和 -o 忽略过渡属性:margin-left 立即设置为 0，而 -webkit 的行为符合预期。当使用数字而不是 auto 时，firefox 和 opera 会应用转换。

如何让 Mozilla 和 Opera 在使用 auto 的同时应用转换？

Answer 1

使用 -moz-transition: all 0.6s cubic-bezier(0, 0, 0.58, 1) 0s; 似乎可以在 Ubuntu 上的 Firefox 上运行。 (这就是 Opera 解释 ease-out 的方式。)在 Windows 上试试吧。