Funkcja skew() w CSS

Definicja i użycie

CSS skew() Funkcja używana do nachylenia elementu wzdłuż podanych kątów na osi x i y.

skew() Funkcja w transform W użyciu atrybutu.

Przykład

Przykład 1

Użycie skew() Nachylenie kilku elementów <div>:

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

Spróbuj sam

Przykład 2

Użycie skew() Nachylenie obrazu:

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

Spróbuj sam

Gramatyka CSS

skew(ax, ay)
Wartość Opis
ax Wymagane. Kąt. Określa nachylenie wzdłuż osi x.
ay Opcjonalne. Kąt. Określa nachylenie wzdłuż osi y. Jeśli pominie się, wartość ustawiana jest na 0.

Szczegóły techniczne

Wersja: Moduł Transformacji CSS poziom 1

Obsługa przeglądarek

Tabela zawiera wersje przeglądarek, które w pełni obsługuje tę funkcję.

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

Strony związane

Instrukcja:Przekształcenia 2D w CSS

Zobacz:Atrybut transform w CSS

Zobacz:Funkcja skewX() w CSS

Zobacz:Funkcja skewY() w CSS