Polecane kursy:

Funkcja CSS skewY()

Definicja i użycie skewY() CSS

skewY() Funkcja używana do nachylania elementów wzdłuż osi y pod danym kątem. transform W użyciu atrybutu.

Przykład

Przykład 1

Użyj skewY() Nachyl kilka elementów <div> wzdłuż osi y pod danym kątem:

#myDiv1 {
  transform: skewY(15deg);
}
#myDiv2 {
  transform: skewY(30deg);
}
#myDiv3 {
  transform: skewY(-25deg);
}

Spróbuj sam

Przykład 2

Użyj skewY() Nachyl obraz wzdłuż osi y pod danym kątem:

#img1 {
  transform: skewY(10deg);
}
#img2 {
  transform: skewY(-10deg);
}
#img3 {
  transform: skewY(5deg);
}

Spróbuj sam

Gramatyka CSS

skewY(a)

Szczegóły techniczne

Obsługa przeglądarek

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

Strony związane

教程:Transformacje 2D CSS

Odniesienie:Atrybut CSS transform

Odniesienie:Funkcja CSS skew()

Odniesienie:Funkcja CSS skewX()