Cena que se Abre Free

Sobre este efeito

Uma seção presa na tela enquanto a página rola. A foto começa vista por uma janela pequena no meio, fria e escura, com um filete de luz na borda; com a rolagem, a janela abre até a tela inteira enquanto a câmera se afasta (a foto começa ampliada e chega ao tamanho certo), e a cena acende. O título fica partido dos dois lados da janela e é empurrado pra fora da tela pelas bordas dela; na tela em pé, as metades ficam em cima e embaixo. No fim, o texto aparece por cima da foto. Segue a posição da rolagem e fecha de novo ao subir. Percurso, ponto em que abre inteira, tamanho inicial, quanto a câmera se afasta, véu frio, filete de luz, tamanho do título e canto ajustáveis. Foto, picture ou vídeo. Sem biblioteca.

Ficha

Categoria

Scroll

Onde combina

topo (hero), transições

Alcance

Página inteira: depende da rolagem ou do cursor da página toda.

Plano

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

Peso

4,3 KB de código comprimido. Sem biblioteca externa.

No celular

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

Na loja desde

30/09/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-cena-que-se-abre.

Assuntos

• scroll
• rolagem
• hero
• foto
• paisagem
• janela
• zoom
• sticky
• abertura
• cinema
• titulo