Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Apareceu um scroll depois do rotate

Acredito que a imagem vai ilustrar melhor minha duvida, consegui "resolver" a situação usando

html{
    font-size: 1.2rem;
    overflowX: hidden;
}

mas é o correto ? ou tem outra saída ?

3 respostas
solução!

É o correto. Só é possível evitar esse problema se for possível usar a função skew em apenas um canto do retângulo. Daí nós entortaríamos os dois cantos superiores do retângulo de forma que ele se encaixasse na página, mas não sei se a função skew possibilita isso. Porém, sendo possível, bastaria dar um skew de 45 graus nos vértices superiores.

Comigo aconteceu o mesmo, copiei este código e não deu certo, meu editor (Sublime Text 3) sequer reconheceu o "overflowX" como propriedade. Só deu certo quando alterei para "overflow-x" (com hífen e x minúsculo). É algum problema de editor/navegador ou só uma questão de grafia mesmo?

O correto é overflow-x:, não existe a propriedade overflowX.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software