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

Como funciona o perspective?

A minha pergunta é mais no sentido do que significa exatamente os pixels que escrevemos no perspective, o que significa perspective: 6px; ou 800px;

não entendi muito bem pois na aula só diz que é para facilitar o cálculo, que cálculo?

obrigado

3 respostas

Boa noite, Samuel! Como vai?

A propriedade perspective vai recular a distância virtual do observador da cena. Ou seja, quanto maior for esse valor, menores ficarão os objetos observados para dar a impressão que o observador está se afastando cada vez mais.

Pegou a ideia?

Grande abraço e bons estudos!

Olá Gabriel

obrigado pela resposta, mas queria entender o que significa essa distância virtual, qual o cálculo que eles querem facilitar? pois diz claramente que não é 6px de distância, então o que significa 6px?

eu entendo que quanto maior o valor menor vai ficar pq é como se o observador estivesse afastando, mas afastando 6px? isso que queria entender.

obrigado.

solução!

Essa propriedade funciona como se vc estivesse se afastando ou se aproximando da tela seu computador. Imagina que vc está sentado na frente do seu computador com uma cadeira de rodinhas! Quanto maior o valor colocado na propriedade perspective é como se fosse deslizando mais e mais para longe do seu computador. E, a medida que vc vai diminuindo esse valor, é como se vc estivesse deslizando para mais próximo da tela do computador.

Só que essa medida é dita virtual pq vc não fará esse movimento, quem irá simular isso pra vc é o próprio navegador.

Além disso, os px representam a distância do objeto visualizado como vc pode ver na documentação da propriedade perspective. O que faz sentido, afinal de contas, no mundo CSS, px é a unidade básica de medida.