1
resposta

Paralax nas palavras do header

Até entendi que o efeito paralax está se dando pelo transform: ...; porém não entendo qual que é o comando que estamos dando para o css para que as palavras após a rolagem efetuem o efeito, pois na teoria só aplicando o efeito transform era pra ser algo fixo assim como fizemos com a faixa ao lado, aplicamos o efeito transoform: rotate(30deg), e ele se moveu e pronto foi algo fixo, já com o efeito paralax ele é efetuado após a rolagem o que eu não estou entendendo é qual linha de código que está efetuando o efeito

1 resposta

Oi Fernando tudo bem?

Peguemos a palavra "eficiência" com exemplo:

Essa é a parte que dá o efeito de paralaxe.

translateZ(4px)

O translateZ faz a palavra vir para frente da tela é como se toda o header fosse um paralelepipedo e conforme a página rola para baixo a palavra continua lá encima só que como o monitor é 2D parece que ela sobe mais rápido dando um efeito de paralaxe mas é porque falta perspectiva. Basicamente é uma ilusão de ótica.

Espero ter ajudado!!!