Porque rotate não funciona?

7 respostas Resolvido
css
T
galera, porque o ROTATE não funciona? exemplo:

#div{

rotate:90deg;

}

ah, e quero deixar claro que conheço o metodo TRANSFORM:

#div{

transform:rotate(90deg);

}

7 Respostas

W
Solucao aceita

Funciona sim mas, segundo a página abaixo, só no Firefox. Olha lá que tem até um exemplo (pra ver o exemplo funcionando tem que abrir no Firefox).

https://developer.mozilla.org/en-US/docs/Web/CSS/rotate

Aqui confirma que é só no Firefox mesmo:

https://caniuse.com/?search=rotate

Y

Recomendo que você use o transform porque ele funciona em todos os navegadores inclusive em versões mais antigas. O rotate é um recurso que parece ser mais simples, porém, apenas o firefox reconhece e ele é bem recente. :thinking:

Ou seja, teu codigo só vai funcionar em algumas versões do firefox para computador. Dá uma checada nos links abaixo, no final deles tem uma tabela mostrando a compatibilidade, é sempre bom tu dar um checada nisso pra teu código funcionar em mais lugares. :slight_smile:

https://devdocs.io/css/rotate
https://devdocs.io/css/transform

T

muito obrigado! dessa não sabia…

T

muito obrigado pela resposta!..

J

pq usar algo que é compatível com pouquíssimos browsers ?

R

As vezes a pessoa não sabe. Viu um tutorial e replicou o código.

Por mais que conheça os jeitos diferentes que de pra fazer, não sabe que é incompatível

T

na verdade, não vale a pena…

Criado 21 de fevereiro de 2021
Ultima resposta 26 de fev. de 2021
Respostas 7
Participantes 5