Inclinação de Elementos para Designs Exclusivos
skew()
permite desviar os lados de um elemento em relação aos eixos de coordenadas em um ângulo específico. O ângulo deve ser especificado em graus (deg
). Também é possível determinar o desvio apenas para o eixo x ou y. A sintaxe é a seguinte:
transform: skew(X_angle, Y_angle);
transform: skewX(angle);
transform: skewY(angle);
skew()
aceita 2 valores. O valorX_angle
especifica o ângulo de inclinação para o eixo x. O valorY_angle
especifica o ângulo de inclinação para o eixo y. Se não definirmos o segundo valor (Y_angle
), o navegador entende comoskewX()
;skewX(angle)
especifica a inclinação ao longo do eixo x;skewY(angle)
especifica a inclinação ao longo do eixo y.
Veja o exemplo a seguir para observar os resultados possíveis ao aplicar o skew:
index.html
index.css
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Awesome!
Completion rate improved to 2.04
Inclinação de Elementos para Designs Exclusivos
Deslize para mostrar o menu
skew()
permite desviar os lados de um elemento em relação aos eixos de coordenadas em um ângulo específico. O ângulo deve ser especificado em graus (deg
). Também é possível determinar o desvio apenas para o eixo x ou y. A sintaxe é a seguinte:
transform: skew(X_angle, Y_angle);
transform: skewX(angle);
transform: skewY(angle);
skew()
aceita 2 valores. O valorX_angle
especifica o ângulo de inclinação para o eixo x. O valorY_angle
especifica o ângulo de inclinação para o eixo y. Se não definirmos o segundo valor (Y_angle
), o navegador entende comoskewX()
;skewX(angle)
especifica a inclinação ao longo do eixo x;skewY(angle)
especifica a inclinação ao longo do eixo y.
Veja o exemplo a seguir para observar os resultados possíveis ao aplicar o skew:
index.html
index.css
Obrigado pelo seu feedback!