-webkit- vs -moz-переход

Question

Я использую переходы CSS3 на моем сайте и -Webkit - кажется, работает, пока -moz- нет.

Вот CSS:

article {z-index: 2; float: left; overflow: hidden; position: relative; -webkit-transition: -webkit-transform 0.2s ease-in-out; -moz-transition: -moz-transform 0.2s ease-in-out; }

.mousedown{-webkit-transform: translate(-180px, 0) !important; -moz-transform: translate(-180px, 0) !important; }

Просто используя jQuery, чтобы добавить класс Mousedown на статью.

Любая идея, где я иду не так?

Answer 1

Firefox 4 и выше поддержки -moz-transition. Отказ Увидеть Страница документации.

Answer 2

В настоящее время переходы не поддерживаются на CSS преобразования в Mozilla.

https://developer.mozilla.org/en/css/css_transitions.

Answer 3

Поддержка -Моз-переход был добавлен в Gecko 1.9.3 (Firefox 3.7), поэтому прямо сейчас -Моз-переход будет работать только в Alpha Firefox 3.7 Alpha или Minefield (Firefox Nightly Build).

Answer 4

Обновление: см. Комментарии. Поддержка -Моз-переход теперь была добавлена. Ура!

Там нет такой вещи, как -Моз-переход (пока), извините. Mozilla будет делать трансформации, но WebKit по-прежнему является единственным переходом рендеринга двигателя.

Answer 5

Opera поддерживает его с 10,5 и намного лучше, чем webkit

Answer 6

Переходы CSS, обеспечивают способ контролировать скорость анимации при изменении свойств CSS. Вместо того, чтобы изменения имущества вступают в силу немедленно, вы можете вызвать изменения в собственности в течение определенного периода времени. Например, если вы измените цвет элемента от белого до черного, обычно изменение мгновенно. С включенными переходами CSS изменений происходят со временными интервалами, которые следуют кривой ускорения, все из которых можно настроить.