Janela que Abre Free

Sobre este efeito

Abertura cinematográfica: o topo da página fica parado por três telas de rolagem enquanto uma janela cresce até tomar a tela inteira e você atravessa para dentro dela. O céu corre lá atrás em outra velocidade, o cabeçalho recua em profundidade e, no fim, uma frase sobe para o centro.

Ficha

Categoria

Scroll

Onde combina

topo (hero), transições

Alcance

Área: vive dentro de um bloco da página.

Plano

Grátis com a conta: 1 download a cada 24 horas.

Peso

2,9 KB de código comprimido, mais GSAP + GSAP ScrollTrigger + Lenis (49 KB), que vem de um CDN.

No celular

Leve: usa 13% do processador de um celular intermediário enquanto anima.

Na loja desde

24/07/2026

Como colocar no seu site

1. 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.
2. Usando um construtor (Elementor, Shopify, Webflow e outros): a loja mostra o passo a passo de cada um.
3. Programando: importe o efeito.css e o efeito.js e marque o elemento com a classe fx-janela-que-abre.

Assuntos

• scroll
• pin
• zoom
• parallax
• abertura
• gsap