Exemplo 1 · Parallax vertical clássico
Cada camada da paisagem desliza numa velocidade diferente enquanto você rola: as árvores passam rápido, a montanha ao fundo quase nada.
↓ role ↓
São 7 camadas (camadas de fundo). O céu quase não se move
(velocidade 0.06), as árvores correm (0.90) e as montanhas ficam no meio.
Tudo é translateY aplicado pelo progresso da rolagem.
A mesma técnica, outra paleta
As camadas são as mesmas — só mudaram as cores via variáveis CSS. Role e veja as montanhas "caminharem" umas na frente das outras.
A camada mais atrás é maior que a tela (inset de 50%) e nunca mostra bordas. As demais deslizam por cima dela — a diferença de velocidade entre elas cria a ilusão de profundidade.