Parallax Header Ultra
Imagem de topo fixa que encolhe na rolagem enquanto o conteúdo sobe por cima.
Ver na loja e baixarSobre este efeito
A imagem do topo fica parada e vai encolhendo conforme a rolagem, enquanto o conteúdo sobe por cima dela como uma cortina. A imagem é a que você escolher. Sem biblioteca.
Ficha
- Categoria
- Scroll
- Onde combina
- topo (hero), fundo
- Alcance
- Página inteira: depende da rolagem ou do cursor da página toda.
- Plano
- Exclusivo de quem assina o Ultra (R$ 39,90/mês).
- Peso
- 2,4 KB de código comprimido. Sem biblioteca externa.
- No celular
- Leve: usa 8% do processador de um celular intermediário enquanto anima.
- Na loja desde
- 23/07/2026
Como colocar no seu site
- Criando o site com IA (Claude Code, Codex e parecidas): baixe o kit, extraia na pasta do projeto e cole o pedido pronto que a loja entrega. Não precisa saber programar.
- Usando um construtor (Elementor, Shopify, Webflow e outros): a loja mostra o passo a passo de cada um.
- Programando: importe o
efeito.csse oefeito.jse marque o elemento com a classefx-parallax-header.
Assuntos
- parallax
- header
- hero
- scroll
- imagem