Quando usamos o {transform-origin: 0.0} estamos dizendo que devemos virar o elemento com base no seu canto superior esquerdo. Mas e se eu quiser virar a partir de um outro canto? Como eu faço? Gostaria de saber como funciona esse calculo.
Obrigado.
Solucionado
Quando usamos o {transform-origin: 0.0} estamos dizendo que devemos virar o elemento com base no seu canto superior esquerdo. Mas e se eu quiser virar a partir de um outro canto? Como eu faço? Gostaria de saber como funciona esse calculo.
Obrigado.
Oi Pedro. O transform-origin aceita diversos tipos de valores, como por exemplo:
transform-origin: bottom faz com que a origem do transform seja por baixo do elemento.
transform-origin: right top faz com que a origem seja o canto superior direito
transform-origin: bottom left faz com que a origem seja o canto inferior esquerdo
Aqui na documentação você pode conferir outras unidades de medida e combinações que o transform-origin aceita: https://developer.mozilla.org/en/docs/Web/CSS/transform-origin
Abraços!
ahh, então eu posso declarar pelo nome do canto! Ótimo, mas então pq usamos a declaração {transform-origin: 0 0}?
E obrigado pela resposta!
Oi Pedro, depende bastante do programador, não existe um motivo específico pra usar um ou outro nesse caso.
Abraço!