Unterstützt IE9 3D-CSS-Transformationen?

8

Hat jemand Tests zum Ausführen von 3D-CSS-Transformationen in Internet Explorer 9 ausgeführt? Wenn ja, waren sie erfolgreich?

Ich kann keine Informationen darüber finden, natürlich haben Chrome / Safari / Firefox bereits Unterstützung dafür hinzugefügt:)

Einige schlechte neue 3D-CSS-Syntax

translate3d (x, y, z), übersetzenZ (z)
    Verschieben Sie das Element in x, y und z und verschieben Sie das Element einfach in z. Positiv ist z gegenüber dem Betrachter. Im Gegensatz zu x und y kann der z-Wert kein Prozentwert sein.

skalieren3d (sx, sy, sz), skalierenZ (sz)
    Skaliere das Element in x, y und z. Der Z-Maßstab beeinflusst die Skalierung entlang der Z-Achse in transformierten Kindern.

rotateX (Winkel), rotaryY (Winkel), rotate3d (x, y, z, Winkel),
Die ersten beiden Formen drehen das Element einfach um die horizontale und vertikale Achse. Winkeleinheiten können Grad (Grad) Radiant (Rad) oder Grad (Grad) sein. Mit der letzten Form können Sie das Element um einen beliebigen Vektor im 3D-Raum drehen. x, y und z sollten den Einheitsvektor angeben, um den Sie sich drehen möchten (wir werden es für Sie normalisieren).

Perspektive (p)
Mit dieser Funktion können Sie die Transformationsmatrix etwas perspektivisch darstellen. Für eine Erklärung von p, siehe unten. Normalerweise wird die Perspektive über die Eigenschaft -webkit-perspective angewendet, aber mit dieser Funktion können Sie einen perspektivischen Effekt für ein einzelnes Element erhalten, etwa wie folgt:

%Vor%

matrix3d ​​(...)
    Mit dieser Funktion können Sie die rohe 4 × 4-homogene Transformationsmatrix aus 16 Werten in der Spalten-Haupt-Reihenfolge angeben. Viel Spaß damit!

Entnommen aus hier .

    
Marko 25.03.2011, 00:30
quelle

3 Antworten

17

Nein, IE9 unterstützt keine 3D-Transformationen, nur 2D-Transformationen.

Microsoft listet hier die neuen Funktionen des Browsers auf: Ссылка - 3D-Transformationen wurden nicht gemacht es.

Als Hinweis: Das clientspezifische Präfix für CSS-Eigenschaften in IE9 ist -ms-*

    
Gavin Anderegg 25.03.2011, 00:39
quelle
3

Die Firefox-Dokumentation ist nett genug, um zu erwähnen, was die minimalen Browserversionen sind, die sie unterstützen: Ссылка

Internet Explorer 10 , Firefox 10 , Chrome 12 , Safari 4

Also wie erwähnt IE9 nicht aber IE10 einmal veröffentlicht wird. Safari, Chrome & amp; Firefox hat jetzt Release-Versionen, die es unterstützen, und Opera erwähnt noch keine Unterstützung.

    
Michael 31.01.2012 22:22
quelle
2

Es tut es nicht. Nur Safari 5 wird als unterstützend für diese Funktionen aufgeführt.

Weitere Informationen finden Sie hier in einem ausführlichen Vergleich: Ссылка der Funktionen css3 und html5, die in verschiedenen Browsern unterstützt werden

    
arg20 25.03.2011 00:38
quelle

Tags und Links