-webkit- vs -moz-transition

Question

Sto utilizzando le transizioni CSS3 sul mio sito e il -webkit- sembra funzionare, mentre il -moz- non lo è.

Ecco il 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; } 

Proprio utilizzando jQuery per aggiungere la classe mousedown sull'articolo.

Qualche idea su dove sto andando male?

Answer 1

Firefox 4 e superiore supporta -moz-transition. Vedi lo documentation page.

Answer 2

AGGIORNAMENTO: vedere i commenti. Il supporto per -moz-transition è stato ora aggiunto. Sìì!

Non esiste una transizione -moz (ancora), mi dispiace. Mozilla eseguirà le trasformazioni, ma il webkit è ancora l'unica transizione di rendering del motore.

Answer 3

Attualmente, le transizioni non sono supportate sulle trasformazioni CSS in Mozilla.

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

Answer 4

Supporto per -moz-transizione è stato aggiunto a Gecko 1.9.3 (Firefox 3.7), così adesso -moz-transizione funziona solo in un rilascio di Firefox 3.7 alpha o Minefield (nightly build di Firefox).

Answer 5

opera sostiene che dal 10,5, e molto meglio di webkit

Answer 6

Le transizioni CSS forniscono un modo per controllare la velocità dell'animazione quando si modificano le proprietà CSS. Invece di fare in modo che le modifiche alle proprietà abbiano effetto immediatamente, è possibile che le modifiche in una proprietà avvengano in un periodo di tempo. Ad esempio, se si modifica il colore di un elemento da bianco a nero, in genere la modifica è istantanea. Con le transizioni CSS abilitate, le modifiche si verificano a intervalli di tempo che seguono una curva di accelerazione, che possono essere personalizzati.