Я использую переходы 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 класса на статью.
Какая-либо идея, где я иду не так, как надо?
UPDATE: см. комментарии. Теперь добавлена поддержка -moz-transition. Ура!
Нет такой вещи, как -moz-transition (пока), извините. Mozilla будет делать трансформации, но webkit все еще единственный движок, рендерящий переходы.
В настоящее время переходы не поддерживаются в преобразованиях CSS в Mozilla.
Поддержка -moz-transition была добавлена в Gecko 1.9.3 (Firefox 3.7), так что прямо сейчас -moz-transition будет работать только в альфа-версии Firefox 3.7 или Minefield (ночная сборка Firefox).