CSS3-Transformationen und-übergänge (Webkit)
Betrachten Sie die folgenden fiddle
p {
-webkit-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0);
-webkit-transition: transform 1s ease-in;
-moz-transition: transform 1s ease-in;
-o-transition: transform 1s ease-in;
transition: transform 1s ease-in;
}
a:hover + p {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
Den übergang reibungslos funktioniert im FF, aber es ist kein übergang auf alle in Safari oder Chrome (auf meinem Mac).
Wurde die transition-Eigenschaft, um ein Präfix oder ist es eine Art syntax-Fehler in meinem code?
InformationsquelleAutor der Frage gregory | 2012-12-08
Du musst angemeldet sein, um einen Kommentar abzugeben.
Fügen Sie den vendor-Präfix in den übergängen:
Update (05/06/2014)
Beantworten einige Kommentare, der Grund für das weglassen
-ms-transition
ist, dass es nie existiert hat.Check:
Kann Ich Verwenden? Übergänge,
Kann Ich Verwenden? Verwandelt,
MDN übergänge,
MDN verwandelt
InformationsquelleAutor der Antwort Fábio Duque Silva