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_angleespecifica o ângulo de inclinação para o eixo x. O valorY_angleespecifica 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
Incrível!
Completion taxa melhorada para 2.08Inclinaçã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_angleespecifica o ângulo de inclinação para o eixo x. O valorY_angleespecifica 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!
