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.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
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?
