Fotos que Saem do Escuro Ultra

Sobre este efeito

Uma galeria em grade que conversa com a rolagem. Cada foto sobe do pé da tela deitada pra trás, torta, afastada pro lado e vindo pra frente, no escuro e fora de foco; chegando na altura dos olhos, fica de frente, nítida e acesa; seguindo pra cima, deita pra frente e volta pro escuro. Perto do foco quase nada muda e longe dele muda rápido, então a foto assenta antes de parar. As colunas giram espelhadas a partir do centro, e a legenda vai junto com a foto. Nenhuma foto passa da borda da tela, então no celular a página não ganha rolagem de lado. Parado, não gasta nada, e rolando só trabalha quando a página se move. Com a preferência de menos movimento, a grade fica parada com todas as fotos nítidas. Colunas, espaço, quanto deita, profundidade, desfoque, quanto apaga, altura do foco e suavidade ajustáveis. JavaScript e CSS puros, sem biblioteca.

Ficha

Categoria

Galeria

Onde combina

recursos, prova social

Alcance

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

Plano

Exclusivo do Ultra (R$ 39,90/mês) até 28/10/2026; depois entra no Plus.

Peso

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

No celular

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

Na loja desde

28/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-fotos-que-saem-do-escuro.

Assuntos

• galeria
• fotos
• grade
• scroll
• rolagem
• 3d
• perspectiva
• desfoque
• escuro
• portfólio