So konvertieren Sie HTML 2D und 3D

Jeder hat sicher schon einmal von der beliebten VR- und 3D-Funktion mit bloßem Auge gehört. Heute stelle ich Ihnen vor, wie Sie 2D- und 3D-Effekte in HTML konvertieren.

Transformation:

rotate() RotationFunktion (Grad)

Grad Grad

skew(X,Y) Skew-Funktion (deg)

skewX()

skewY()

scale(X,Y) Skalierungsfunktion (positiv, negativ und dezimal)

scaleX ( )

scaleY()

translator(X,Y) Verschiebungsfunktion (px)

translateX()

translateY()

Ausführungssequenz der Abkürzung transformieren (letztes schreiben, zuerst ausführen)

transform-style (preserve-3d) 3D-Raum erstellen

Perspektivischer Spiegel

Perspektivischer Ursprungsspiegel-Basispunkt

x:links/Mitte/rechts/Länge/%

y:oben/Mitte/unten/Länge / %

transform Neue Funktion

rotateX()

rotateY()

rotateZ()

translateZ ()

scaleZ()

transform-origin: x,y; Bezugspunkt der Drehung

x : links/mitte/rechts/länge/%

y : oben/Mitte/unten/Länge/%

z : Länge

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie diese Fälle gelesen haben, achten Sie bitte auf andere php Chinesische Websites Ähnliche Artikel!

Verwandte Lektüre:

Gemeinsame Methoden zum Abrufen von Stilen mit Js

Implementierungsschritte für Js zum Bedienen von Fensterobjekten

Js-Betrieb von Nicht-IE-Ereignisobjekteigenschaften, detaillierte Einführung in Methoden

Das obige ist der detaillierte Inhalt vonSo konvertieren Sie HTML 2D und 3D. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!