Heim > Artikel > Web-Frontend > 2D-Transformation von Elementen mit CSS3
2D-Transformationen werden verwendet, um die Struktur von Elementen wie Translation, Rotation, Skalierung und Neigung neu zu verändern.
Hier sind einige 2D-Transformationsfunktionen –
Sr.Nr. | Werte und Beschreibung |
---|---|
1 | Matrix(n,n,n,n,n,n) wird verwendet. Definieren Sie eine Matrixtransformation mit sechs Werten. |
2 | translate(x,y) wird verwendet, um Elemente entlang der x- und y-Achse zu transformieren translateX(n)Wird zum Transformieren von Elementen entlang der x-Achse verwendet. |
4translateY(n) Wird zum Transformieren von Elementen entlang der y-Achse verwendet (x,y) |
|
6 scaleX(n) |
|
Hier ist das Code zur 2D-Transformation des Elements mit CSS3 - |
|
Echtzeit-Demo | Ausgabe
|
Das obige ist der detaillierte Inhalt von2D-Transformation von Elementen mit CSS3. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!