Rastro de Fotos Ultra

Fotos que nascem atrás do cursor enquanto ele passa pela área e vão embora na ordem em que chegaram — a mais nova sempre por cima, e o texto da área sempre legível.

Ver na loja e baixar

Sobre este efeito

Fotos que nascem atrás do cursor enquanto ele passa pela área: uma a cada tantos pixels de caminho, algumas ao mesmo tempo, e a mais antiga encolhe quando chega uma nova. Quando o mouse sai, elas vão embora da mais antiga para a mais nova. No celular, um toque põe uma foto e arrastar para os lados desenha o rastro; arrastar na vertical continua rolando a página. A foto nasce rápida, então aparece inteira mesmo com o mouse ligeiro, e a mais nova fica sempre por cima. A distância entre fotos é ajustável e igual em qualquer tela. Com menos movimento, a foto só aparece e some, sem crescer. As fotos passam por trás do conteúdo da área, que continua legível e clicável (ou por cima, com uma classe). Distância entre fotos, quantidade, tamanho, proporção, tempos, canto e sombra ajustáveis.

Ficha

Categoria: Cursor
Onde combina: topo (hero), prova social
Alcance: Área: vive dentro de um bloco da página.
Plano: Exclusivo de quem assina o Ultra (R$ 39,90/mês).
Peso: 5,9 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: 18/09/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-rastro-de-fotos.

Assuntos

cursor
rastro
trail
fotos
galeria
hover
mouse
imagens