Reveal Cortina Free

Conteúdo que entra por uma cortina que abre para cima, para baixo ou para os lados.

Sobre este efeito

Entrada cinematográfica por cortina: cada elemento marcado entra por uma cortina que abre na direção escolhida (para cima, para baixo, para a esquerda ou para a direita), enquanto o conteúdo se acomoda de um leve zoom, como um movimento de câmera. Em grupo, os elementos entram um depois do outro, do mesmo jeito do Reveal Orquestrado. Funciona em imagem, card com sombra e bloco de texto (arquitetura de máscara interna preserva a box-shadow do card). Leve: dispara uma vez, replay programático. Zero dependências.

Ficha

Categoria: Scroll
Onde combina: recursos, utilitário
Alcance: Área: vive dentro de um bloco da página.
Plano: Grátis com a conta: 1 download a cada 24 horas.
Peso: 3,7 KB de código comprimido. Sem biblioteca externa.
No celular: Leve: usa 7% do processador de um celular intermediário enquanto anima.
Na loja desde: 14/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.css e o efeito.js e marque o elemento com a classe fx-reveal-cortina.

Assuntos

reveal
clip-path
wipe
cortina