Texto em Cascata Plus

Sobre este efeito

O texto entra em cascata: por letra, por palavra ou por linha (subindo de dentro de uma máscara), com cinco jeitos de chegar (aparecer, subir, sair do desfoque, crescer ou com mola) e frases que se revezam em laço, saindo e entrando. Dispara quando aparece na tela, ao carregar ou por código, com atraso pra encadear vários textos. O texto inteiro é lido pelo leitor de tela, a palavra nunca parte no meio, as linhas se refazem quando a largura muda, o laço pausa com o mouse em cima e fora da tela, e a preferência de menos movimento vira um esmaecer curto. Ritmo, distâncias, desfoque, mola e tempos do laço ajustáveis. Sem biblioteca.

Ficha

Categoria

Texto

Onde combina

topo (hero), chamada pra ação

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

No celular

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

Na loja desde

14/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-em-cascata.

Assuntos

• texto
• tipografia
• entrada
• letra
• palavra
• linha
• desfoque
• mola
• laco
• css
• js