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

Elemento "transform-origin"

O que significam os 2 "zeros" como valores da propriedade "transform-origin"?

transform-origin: 0 0;
2 respostas
solução!

Júlio,

Eles representam as coordenadas x (horizontal) e y (vertical) do transform origin.

0 x 0 y significa que a coordenada é no campo superior esquerdo.

Exemplo: Numa div de 20px de altura e largura, transform-origin: 10px 10px faz com que o transform-origin seja no meio da div, se for: 0 20px será no canto inferior esquerdo, 20px 0 será o canto superior direito , 20px 20px será o canto inferior direito e por aí vai.

É só pensar naqueles planos cartesianos que aprendemos na escola!

Entendi Brian, era isso que eu achava que era mesmo. Mas ainda fiquei com uma dúvida: o "transform-origin: 0 0;" não é o ponto de origem padrão da propriedade? Porque eu tive que declará-la no exercício? Se não, qual é o padrão?