Heim  >  Artikel  >  Web-Frontend  >  2D-Transformationen in CSS3

2D-Transformationen in CSS3

WBOY
WBOYnach vorne
2023-09-10 23:05:05611Durchsuche

CSS3 中的 2D 变换

2D-Transformationen werden verwendet, um die Struktur von Elementen durch Translation, Rotation, Skalierung und Neigung neu zu verändern.

Die folgende Tabelle enthält häufig verwendete Werte in der 2D-Transformation.

wird verwendet, um eine Matrixtransformation mit sechs Werten zu definieren. 23scaleY(n)
Seriennummer. Wert und Beschreibung. 1 ,n,n , n,n ,n)

translate(x,y)

wird verwendet, um Elemente auf dem x zu übersetzen -Achse und y-Achse

übersetzen

wird auf der y-Achse verwendet. Elemente übersetzen

5

scale(x, y)

wird zum Ändern der Breite und Höhe des Elements verwendet.

6

Wird verwendet, um die Höhe des Elements zu ändern.

8

9

Schrägwinkel)

Definition Schrägtransformation entlang der y-Achse

Das obige ist der detaillierte Inhalt von2D-Transformationen in CSS3. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen