Recomendação de curso:

Função skewY() do CSS

Definição e uso skewY() Da CSS

skewY() A função é usada para inclinar elementos ao longo do eixo y em um ângulo dado. transform Usado na propriedade.

Exemplo

Exemplo 1

Usar skewY() Incline vários elementos <div> ao longo do eixo y em ângulo dado:

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

Experimente você mesmo

Exemplo 2

Usar skewY() Incline a imagem ao longo do eixo y em ângulo dado:

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

Experimente você mesmo

Sintaxe do CSS

skewY(a)

Detalhes técnicos

Suporte do navegador

Os números na tabela representam a versão do navegador que suportou completamente a função pela primeira vez.

Páginas relacionadas

Tutorial:Transformações 2D do CSS

Referência:A propriedade transform do CSS

Referência:A função skew() do CSS

Referência:A função skewX() do CSS