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); }
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(, );
}