Schrägstellung
skew()
ermöglicht es uns, die Seiten eines Elements in einem bestimmten Winkel von den Koordinatenachsen abzuweichen. Der Winkel muss in Grad (deg
) angegeben werden. Außerdem können wir die Schrägstellung nur für die x-Achse oder y-Achse bestimmen. Die Syntax ist wie folgt:
transform: skew(X_angle, Y_angle);
transform: skewX(angle);
transform: skewY(angle);
skew()
akzeptiert 2 Werte. Der WertX_angle
gibt den Schrägwinkel für die x-Achse an. Der WertY_angle
gibt den Schrägwinkel für die y-Achse an. Wenn wir den zweiten Wert (Y_angle
) nicht setzen, versteht der Browser es alsskewX()
;skewX(angle)
gibt die Schrägstellung entlang der x-Achse an;skewY(angle)
gibt die Schrägstellung entlang der y-Achse an.
Lassen Sie uns das folgende Beispiel ausführen, um zu sehen, was wir mit Hilfe der Schrägstellung erreichen können:
index.html
index.css
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Awesome!
Completion rate improved to 2.04
Schrägstellung
Swipe um das Menü anzuzeigen
skew()
ermöglicht es uns, die Seiten eines Elements in einem bestimmten Winkel von den Koordinatenachsen abzuweichen. Der Winkel muss in Grad (deg
) angegeben werden. Außerdem können wir die Schrägstellung nur für die x-Achse oder y-Achse bestimmen. Die Syntax ist wie folgt:
transform: skew(X_angle, Y_angle);
transform: skewX(angle);
transform: skewY(angle);
skew()
akzeptiert 2 Werte. Der WertX_angle
gibt den Schrägwinkel für die x-Achse an. Der WertY_angle
gibt den Schrägwinkel für die y-Achse an. Wenn wir den zweiten Wert (Y_angle
) nicht setzen, versteht der Browser es alsskewX()
;skewX(angle)
gibt die Schrägstellung entlang der x-Achse an;skewY(angle)
gibt die Schrägstellung entlang der y-Achse an.
Lassen Sie uns das folgende Beispiel ausführen, um zu sehen, was wir mit Hilfe der Schrägstellung erreichen können:
index.html
index.css
Danke für Ihr Feedback!