Porque rotate não funciona?

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

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

1 curtida

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

muito obrigado! dessa não sabia…

1 curtida

muito obrigado pela resposta!..

1 curtida

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

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

1 curtida

na verdade, não vale a pena…