-webkit- vs -moz-Übergang

Question

Ich bin mit CSS3 Übergängen auf meiner Website und die -webkit- scheint zu funktionieren, während die -moz- nicht.

Hier ist die 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; }

Just jQuery mit der mousedown- Klasse auf den Artikel hinzuzufügen.

Jede Idee, wo ich falsch gehe?

Answer 1

Firefox 4 und höher unterstützt -moz-transition. Finden Sie in der Dokumentation .

Answer 2

Derzeit Übergänge sind nicht auf CSS-Transformationen in Mozilla unterstützt.

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

Answer 3

Unterstützung für -moz-Übergang wurde in Gecko 1.9.3 (Firefox 3.7), so jetzt -moz-Übergang funktioniert nur in einer Firefox 3.7 Alpha-Version oder Minenfeld (Firefox Nightly Build) hinzugefügt.

Answer 4

UPDATE: siehe Kommentare. Unterstützung für -moz-Übergang wird nun hinzugefügt. Yay!

Es gibt nicht so etwas wie -moz-Übergang (noch) nicht, sorry. Mozilla werden Transformationen, aber webkit ist immer noch der einzige Rendering-Engine Übergänge.

Answer 5

Oper unterstützt es seit 10,5 und viel besser als webkit

Answer 6

CSS-Übergänge, bieten eine Möglichkeit zur Kontrolle Animationsgeschwindigkeit, wenn CSS-Eigenschaften zu verändern. Stattdessen Eigenschaftsänderungen sofort wirksam zu haben, können Sie die Änderungen in einer Eigenschaft führen über einen Zeitraum von Zeit in Anspruch nehmen. Zum Beispiel, in der Regel ist die Änderung augenblicklich, wenn Sie die Farbe eines Elements von Weiß auf Schwarz zu ändern. Mit CSS-Übergänge aktiviert ist, treten Änderungen in Zeitintervallen, die eine Beschleunigungskurve folgen, von denen alle individuell angepasst werden können.