Criar Letreiro de Texto

Gere efeitos de texto modernos com rolagem. Suporta rolagem horizontal e vertical.

Seu texto de rolagem aparecerá aqui...

CSS Moderno

Usa animações CSS para desempenho suave e acelerado por GPU.

Qualquer Direção

Role o texto para a esquerda, direita, cima ou baixo com controles fáceis.

Responsivo

O código gerado é responsivo e funciona em todos os dispositivos.

Experimente Estes Exemplos

Ticker de Notícias

Um ticker de notícias com rolagem horizontal para manchetes.

Aplicar Agora

Banner de Boas-Vindas

Uma mensagem de boas-vindas amigável e rolante para o seu site.

Aplicar Agora

Anúncio Vertical

Um anúncio de rolagem vertical para barras laterais.

Aplicar Agora

Alerta Promocional

Um texto promocional saltitante para atrair a atenção do visitante.

Aplicar Agora

Guia Definitivo para Criar Letreiros de Texto

Marquês de texto são um elemento clássico de design web usado para exibir informações rolantes, tickers de notícias ou anúncios que chamam a atenção. Embora a tag <marquee> esteja obsoleta, animações CSS modernas permitem texto rolante suave, acessível e de alto desempenho.

Melhores Práticas

  • Acessibilidade: Garanta que os usuários possam pausar a animação (ex.: ao passar o mouse) para terem tempo de ler.
  • Desempenho: Use Transformações CSS (translate3d) em vez de alterar valores de left/top para animações mais suaves a 60fps.
  • Legibilidade: Mantenha a velocidade de rolagem moderada. Muito rápida é ilegível; muito lenta é entediante.

Implementação Moderna

Nossa ferramenta gera soluções CSS puras usando @keyframes. Isso garante compatibilidade com todos os navegadores modernos sem depender de tags HTML obsoletas ou bibliotecas JavaScript pesadas.

Nota SEO

Os mecanismos de busca conseguem ler texto dentro de marquees CSS sem problemas. No entanto, certifique-se de que o conteúdo seja relevante para sua página. Evite ocultar conteúdo crucial em marquees rápidos, pois alguns usuários podem perdê-lo.