O que significam os 2 "zeros" como valores da propriedade "transform-origin"?
transform-origin: 0 0;
O que significam os 2 "zeros" como valores da propriedade "transform-origin"?
transform-origin: 0 0;
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?