-webkit- vs -moz-transition

Question

Estoy usando transiciones CSS3 en mi sitio y el -webkit- parece estar funcionando, mientras que -moz- no lo está.

Aquí es el 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; } 

Simplemente usando jQuery para agregar la clase mousedown sobre el artículo.

¿Alguna idea de dónde estoy yendo mal?

Answer 1

Firefox 4 o superior compatible con -moz-transition. Vea el documentation page.

Answer 2

ACTUALIZACIÓN: ver comentarios. Ahora se ha agregado soporte para -moz-transition. ¡Hurra!

No existe nada parecido a -moz-transition (yet), lo siento. Mozilla hará las transformaciones, pero webkit sigue siendo el único motor que procesa las transiciones.

Answer 3

Actualmente, las transiciones no son compatibles con las transformaciones de CSS en Mozilla.

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

Answer 4

Soporte para -moz-transición se ha añadido en Gecko 1.9.3 (Firefox 3.7), por lo que en este momento -moz-transición sólo funcionará en un comunicado de Firefox 3.7 alfa o campo de minas (nightly build de Firefox)

Answer 5

ópera está apoyando desde 10,5, y mucho mejor que webkit

Answer 6

Las transiciones CSS proporcionan una forma de controlar la velocidad de animación al cambiar las propiedades de CSS. En lugar de hacer que los cambios en la propiedad surtan efecto de inmediato, puede provocar que los cambios en una propiedad tengan lugar durante un período de tiempo. Por ejemplo, si cambia el color de un elemento de blanco a negro, generalmente el cambio es instantáneo. Con las transiciones CSS habilitadas, los cambios ocurren en intervalos de tiempo que siguen una curva de aceleración, todos los cuales pueden personalizarse.