English
EspañolFaixa de logos infinita (marquee CSS)
Cole os endereços dos logos ou escreva frases curtas, uma por linha. A faixa é duplicada no código para emendar sem buraco.
Logos passando sem parar
Tudo é feito no seu aparelho: nada é enviado para a internet.
Disponível em: 
Faixa de logos infinita (marquee CSS): para que serve
A faixa de logos que passa sem parar é usada para mostrar clientes, parceiros ou marcas com que a empresa trabalha, sem ocupar muito espaço.
O gerador monta a faixa só com CSS: o conteúdo é duplicado e a animação anda exatamente uma volta, para emendar sem buraco. Escolha a velocidade, a direção, o espaço, a altura dos logos, bordas que somem e logos em cinza que ganham cor ao passar o mouse. A cópia fica escondida do leitor de tela, a faixa pausa no mouse e no foco, e para quem pediu menos movimento ela fica parada.
Como usar
- Cole os endereços dos logos ou escreva os nomes.
- Ajuste a velocidade, a direção e o espaço.
- Copie o código e cole na página.
Quando usar
- Clientes atendidos.
- Marcas que a loja revende.
- Parceiros e certificações.
Perguntas frequentes
Como a faixa fica sem emenda?
O conteúdo aparece duas vezes, lado a lado, e a animação move a faixa exatamente metade da largura antes de recomeçar. Como a segunda metade é igual à primeira, o recomeço não aparece.
E a acessibilidade?
A cópia duplicada fica com aria-hidden, então o leitor de tela lê cada logo uma vez só. A animação pausa ao passar o mouse ou focar, e para quem pediu menos movimento a faixa fica parada e pode ser rolada para o lado.
Posso usar logos de marcas?
Só de marcas com quem você tem relação de verdade (clientes, parceiros, marcas que revende) e, de preferência, com autorização. Mostrar logo de empresa que não é cliente sugere uma parceria que não existe.
É grátis mesmo?
Sim, 100% grátis. Sem cadastro, sem assinatura e sem limite de uso. Todas as ferramentas do Ferramentas123 são gratuitas e rodam direto no seu navegador.