-webkit- vs -moz-transition

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. См. documentation page.

Answer 2

ОБНОВЛЕНИЕ: см. Комментарии. В настоящее время добавлена ​​поддержка -moz-перехода. Ура!

Существует нет такой вещи, как -moz-переход (пока), извините. Mozilla будет делать преобразования, но webkit по-прежнему остается единственным движком рендеринга.

Answer 3

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

https://developer.mozilla.org/en/CSS/CSS_transitions

Answer 4

Поддержка -moz-перехода была добавлена ​​в Gecko 1.9.3 (Firefox 3.7), так что сейчас -moz-переход будет работать только в Firefox 3.7 альфа-версии или Минное (Firefox ночные сборки).

Answer 5

опера поддерживает его, так как 10,5, и гораздо лучше, чем WebKit

Answer 6

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