Boa noite!
Ao final dessa aula não consegui compreender 100% a diferença e pra que ser realmente as funções "perspective" e "perspective-origin".
Não entendi muito bem também como funcionou e por que colocamos o "translate(-50%, -50%) nas palavras.
Solucionado
Boa noite!
Ao final dessa aula não consegui compreender 100% a diferença e pra que ser realmente as funções "perspective" e "perspective-origin".
Não entendi muito bem também como funcionou e por que colocamos o "translate(-50%, -50%) nas palavras.
Oi Andre,
A perspective é como se ativasse o 3D em um elemento, e o valor que você coloca nela é a força que vai ter o efeito. Quanto menor o valor, mais próximo o elemento fica do plano.
A perspective-origin é de onde a pessoa que estaria olhando para esse elemento está com relação a ele. Como se fosse a posição da câmera nesta imagem.
O translate foi somente para posicionar melhor as palavras.
Espero ter ajudado,
Abcs!
Certo! Esclarecido!
Ultima duvida a respeito do "perspective-origin". Como funciona o valor que foi colocado (50%, 160px)? É em relação à que esse 50%? E esse 160px?
