Letras que Chegam de Lado Plus

Sobre este efeito

Um título grande que chega andando. Cada letra nasce escondida além da borda e entra em fila: a primeira da frase puxa e para primeiro, e as outras vêm atrás, cada uma um pouco mais longe. Enquanto anda, a letra inclina pra frente e deixa um rastro curto atrás dela; quando para, se endireita e o rastro some. A inclinação e o rastro vêm da velocidade de verdade de cada letra, então quem para de rolar no meio do caminho vê as letras paradas e retas. No fim, cada letra passa um pouco do ponto e volta, como um carro que freia. A chegada acompanha a rolagem nos dois sentidos: descendo, as letras entram; subindo, saem pelo mesmo caminho. As letras podem vir da direita ou da esquerda, e há um modo que toca a chegada uma vez só quando o título aparece, bom pro topo da página. Nenhuma letra escondida cria rolagem de lado, nem no celular. Parado, o efeito não gasta nada. O leitor de tela lê o texto original. Com a preferência de menos movimento, o título aparece inteiro e parado. Distância entre as letras, inclinação, rastro, freada, ponto de chegada, suavidade e duração ajustáveis. JavaScript e CSS puros, sem biblioteca.

Ficha

Categoria

Scroll

Onde combina

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

Alcance

Página inteira: depende da rolagem ou do cursor da página toda.

Plano

Incluso no Plus (R$ 19,90/mês) e no Ultra (R$ 39,90/mês).

Na loja desde

03/11/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-letras-que-chegam-de-lado.

Assuntos

• scroll
• rolagem
• texto
• título
• letras
• entrada
• lateral
• fila
• rastro
• movimento
• tipografia