Transform 2D — Skew

Essa transformação causa a inclinação dos lados de um box em relação aos eixos x e/ou y.
Os valores da inclinação devem ser especificados em medida CSS para ângulos, ou seja, deg, grad, rad e turn. São admitidos valores negativos e positivos causando inclinação em um ou outro sentido.

A sintaxe geral para aplicar inclinação é mostrada a seguir, onde α e β expressam o valor de um ângulo.

  seletor { transform: skew(αdeg, βdeg); } 
  seletor { transform: skewX(αdeg); } 
  seletor { transform: skewY(βdeg); } 

Interativo

Acione os sliders para visualizar a tranformação inclinação em ação

seletor {
  -webkit-transform: skew(, );
  -moz-transform: skew(, );
  -o-transform: skew(, );
  -ms-transform: skew(, );
  transform: skew(, );
}