-webkit- vs -moz-transition

Question

J'utilise les transitions CSS3 sur mon site et le -webkit- semble fonctionner, alors que le -moz- ne l'est pas.

Voici le 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; } 

Tout en utilisant jQuery pour ajouter la classe mousedown sur l'article.

Une idée où je me trompe?

Answer 1

Firefox 4 et prend en charge au-dessus -moz-transition. Voir le documentation page.

Answer 2

MISE À JOUR: voir les commentaires. Le support de -moz-transition a été ajouté. Yay!

Il n'y a pas (encore) de -moz-transition, désolé. Mozilla va faire des transformations, mais webkit est toujours le seul moteur de rendu des transitions.

Answer 3

Actuellement, les transitions ne sont pas prises en charge sur les transformations CSS dans Mozilla.

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

Answer 4

Soutien à -moz-transition a été ajouté dans Gecko 1.9.3 (Firefox 3.7), donc en ce moment -moz-transition ne fonctionnera que dans une version alpha de Firefox 3.7 ou Minefield (Firefox nightly build).

Answer 5

opéra soutient depuis 10,5, et beaucoup mieux que WebKit

Answer 6

Les transitions CSS fournissent un moyen de contrôler la vitesse d'animation lors de la modification des propriétés CSS. Au lieu que les modifications de propriétés prennent effet immédiatement, vous pouvez provoquer les modifications d'une propriété sur une période donnée. Par exemple, si vous changez la couleur d'un élément du blanc au noir, le changement est généralement instantané. Avec les transitions CSS activées, les changements se produisent à des intervalles de temps qui suivent une courbe d'accélération, qui peuvent tous être personnalisés.