Placar de Fotos Plus

Sobre este efeito

Uma foto dividida ao meio que troca como placar de aeroporto: a metade de cima tomba para a frente em torno da fresta do meio e a metade de baixo da foto nova desce e assenta por cima da antiga. Troca pelas setas, pelo teclado, deslizando o dedo e, se quiser, sozinha. A aba de cima acelera ao tombar e a de baixo desacelera ao assentar, e as duas escurecem quando ficam de lado, o que dá peso à virada. Cada metade mostra a foto recortada sem deformar, em qualquer proporção. As fotos são imagens com texto alternativo e a legenda é anunciada ao leitor de tela; setas, Home e End funcionam, os botões têm 44 px e o dedo desliza. Com menos movimento a foto troca na hora. Cliques rápidos terminam sempre coerentes. Largura, proporção, tempo, fresta, perspectiva e sombra ajustáveis.

Ficha

Categoria

Galeria

Onde combina

prova social, topo (hero)

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,1 KB de código comprimido. Sem biblioteca externa.

No celular

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

Na loja desde

18/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-placar-de-fotos.

Assuntos

• galeria
• carrossel
• flip
• placar
• split-flap
• fotos
• teclado
• swipe