Texto que Evapora Ultra

Sobre este efeito

Uma palavra de cada vez, em laço. A palavra da vez evapora de um lado pro outro: onde a varredura passa, a letra some e vira uma poeira fina da mesma cor, que sobe, deriva e se apaga num redemoinho leve. Atrás da varredura, ainda no meio do vapor, a próxima palavra aparece saindo do desfoque, e a frase em volta não pula, porque a caixa tem a largura da maior palavra. É texto de verdade: a palavra parada pode ser selecionada, e o leitor de tela lê todas as palavras uma vez, não as partículas. Fonte, peso, espaçamento e cor são os do seu CSS. O vapor só é desenhado durante a troca; com a palavra parada, nada roda. Dá pra parar na última palavra em vez de repetir, e há um botão de pausa opcional. Com a preferência de menos movimento, as palavras trocam só por um esmaecer, sem vapor. Tempo da varredura, duração do vapor, pausa, sentido, deriva, subida, redemoinho, densidade e cor do vapor ajustáveis.

Ficha

Categoria

Texto

Onde combina

topo (hero), chamada pra ação, recursos

Alcance

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

Plano

Exclusivo de quem assina o Ultra (R$ 39,90/mês).

Peso

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

No celular

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

Na loja desde

25/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-texto-que-evapora.

Assuntos

• texto
• palavra
• vapor
• fumaça
• partículas
• troca de palavra
• palavras rotativas
• título
• hero
• canvas