CSS skew() Funktion

Definition und Verwendung

CSS skew() Funktion wird verwendet, um Elemente entlang der angegebenen Winkel entlang der x- und y-Achse zu neigen.

skew() Funktion in transform in Attributen verwendet.

Beispiel

Beispiel 1

Verwendung skew() Neigung mehrerer <div>-Elemente:

#myDiv1 {
  transform: skew(15deg);
}
#myDiv2 {
  transform: skew(15deg, 15deg);
}
#myDiv3 {
  transform: skew(-15deg);
}

Selbst ausprobieren

Beispiel 2

Verwendung skew() Neigungsbild:

#img1 {
  transform: skew(25deg);
}
#img2 {
  transform: skew(-25deg);
}
#img3 {
  transform: skew(10deg, 10deg);
}

Selbst ausprobieren

CSS-Syntax

skew(ax, ay)
Wert Beschreibung
ax Erforderlich. Winkel. Bestimmt die Neigung entlang der x-Achse.
ay Optional. Winkel. Bestimmt die Neigung entlang der y-Achse. Wenn weggelassen, wird der Wert auf 0 gesetzt.

Technische Details

Version: CSS Transforms Modul Stufe 1

Browser-Unterstützung

Tabellarische Zahlen stellen die Versionsnummer des ersten Browsers dar, der diese Funktion vollständig unterstützt.

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

Verwandte Seiten

Tutorial:CSS 2D-Transformation

Referenz:CSS transform Eigenschaft

Referenz:CSS skewX() Funktion

Referenz:CSS skewY() Funktion