在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上试试。