Letreiro de Depoimentos Free

Sobre este efeito

Fileiras de cartões de depoimento correndo de lado, uma pra cada sentido, sumindo numa névoa nas pontas. Com o mouse em cima a fileira freia devagar, sem parar seco, e volta ao ritmo quando ele sai. O cartão sob o cursor se ergue, cresce um pouco e inclina pro cursor, com uma luz na borda e um brilho suave no corpo exatamente no ponto onde o cursor está. Dá pra arrastar a fileira com o mouse ou com o dedo: soltar deixa a inércia correr e o letreiro retoma sozinho, e um arrasto de verdade não dispara o clique dos links do cartão. Os cartões se dividem entre as fileiras em rodízio e cada fileira se repete até cobrir a tela, sem emenda. Estrelas opcionais, avatar em foto ou iniciais, qualquer HTML dentro do cartão. Em tela estreita o mesmo letreiro funciona com o dedo. Com a preferência de menos movimento, as fileiras ficam paradas e o arrasto continua. Velocidade, fileiras, largura e vão dos cartões, névoa, freio, quanto o cartão sobe, inclinação, luz na borda, cantos e cores ajustáveis. JavaScript e CSS puros, sem biblioteca.

Ficha

Categoria

Letreiro

Onde combina

depoimentos, prova social

Alcance

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

Plano

Grátis com a conta: 1 download a cada 24 horas.

Peso

8,5 KB de código comprimido. Sem biblioteca externa.

No celular

Moderado: usa 23% do processador de um celular intermediário enquanto anima.

Na loja desde

26/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-letreiro-de-depoimentos.

Assuntos

• depoimentos
• letreiro
• marquee
• cards
• hover
• arrastar
• prova social
• avaliações
• estrelas
• inclinação
• luz