-webkit- vs -moz-transition

Question

Używam przejść CSS3 na mojej stronie, a -webkit- wydaje się działać, podczas gdy -moz- nie jest.

Oto 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; } 

Tuż przy użyciu jQuery, aby dodać klasę mousedown na art.

Każdy pomysł, w którym się nie mylę?

Answer 1

Firefox 4 i powyżej obsługuje -moz-transition. Zobacz documentation page.

Answer 2

AKTUALIZACJA: patrz komentarze. Dodano obsługę przejścia -moz-transition. Yay!

Nie ma czegoś takiego jak -moz-transition (jeszcze), przepraszam. Mozilla dokona transformacji, ale webkit wciąż jest jedynym przejściem renderującym silnik.

Answer 3

Obecnie przejścia nie są obsługiwane w przypadku transformacji CSS w Mozilli.

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

Answer 4

Wsparcie -moz przejściowy dodano Gecko 1.9.3 Firefox (3.7), tak Teraz -moz przejściowy działa tylko w komunikacie Firefoksa 3,7 lub alfa minowe (Firefox nocnej budowy).

Answer 5

opera wspiera go od 10,5, a znacznie lepiej niż WebKit

Answer 6

Przejścia CSS, zapewniają sposób kontrolowania prędkości animacji podczas zmiany właściwości CSS. Zamiast natychmiastowego wprowadzenia zmian właściwości, możesz spowodować, że zmiany w właściwości będą miały miejsce w pewnym okresie czasu. Na przykład, jeśli zmienisz kolor elementu z białego na czarny, zwykle zmiana jest natychmiastowa. Przy włączonych przejściach CSS zmiany zachodzą w odstępach czasu następujących po krzywej przyspieszenia, z których wszystkie można dostosować.