У меня есть #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
?