Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Dúvida no perspective-origin: 50% 160px

Por que aqui o professou usou essa medida explicita em pixels? Eu usei essa medida e não deu certo no meu código html, creio que seja pelo fato de ter algumas pequenas mudanças de tamanho de fonte no decorrer do desenvolvimento. Mas gostaria de saber qual o motivo do 160px explícito.

Para contornar este problema, fiz o seguinte:

body {
    perspective: 6px;
    perspective-origin: 50% 11em;
}

Com isso, as palavras em 3d ficaram praticamente na mesma posição em que estavam antigamente (antes da aplicação da paralaxe).

1 resposta
solução!

Oi Lucas, tudo bem? De acordo com a documentação do MDN (https://developer.mozilla.org/en-US/docs/Web/CSS/length) Apenas porcentagens e valores absolutos podem ser usados na propriedade perspective-origin. em é um valor relativo, por isso não funciona.

Para uma melhor descrição de valores relativos e absolutos a MDN também tem uma listagem legal, para consultar acesse (https://developer.mozilla.org/en-US/docs/Web/CSS/length)