Desfile de Fotos Plus

Sobre este efeito

Uma fila de fotos que desfila sozinha, sem fim, com as pontas sumindo no fundo e um palco no meio. A foto que passa pelo centro cresce, acende e mostra a legenda, enquanto as vizinhas se afastam pra abrir espaço pra ela, como a lupa da barra de apps do Mac; as de longe ficam menores e na sombra, e um reflexo no chão acompanha todas. Com o mouse em cima, a fila freia devagar e encaixa a foto mais próxima bem no palco; tirando o mouse, volta a desfilar. Dá pra arrastar a fila com inércia, com o mouse ou com o dedo, e ela encaixa uma foto no palco quando para; clicar numa foto leva ela pro palco. O desfile é animação nativa do navegador, sem JavaScript por quadro, e pausa fora da tela. Com poucas fotos, a fila repete cópias pra encher a largura. Com a preferência de menos movimento, a fila fica parada com uma foto no palco, e arrastar e clicar continuam funcionando. Largura das fotos, espaço, velocidade, tamanho no palco e nos lados, sombra, reflexo e encaixe ajustáveis. JavaScript e CSS puros, sem biblioteca.

Ficha

Categoria

Galeria

Onde combina

recursos, prova social

Alcance

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

Plano

Incluso no Plus (R$ 19,90/mês) e no Ultra (R$ 39,90/mês).

Peso

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

No celular

Leve: usa 16% 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-desfile-de-fotos.

Assuntos

• galeria
• fotos
• carrossel
• slider
• marquee
• infinito
• dock
• zoom
• reflexo
• arrastar
• portfólio