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

Perspective x Perspective-origin // translate(-50%, -50%)

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.

2 respostas
solução!

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?