Loja / Texto
Efeitos de texto para site
29 efeitos de texto prontos pra colocar no seu site, em CSS e JavaScript puros. Cada um tem vídeo de prévia e kit pra baixar, com licença pra sites de clientes.
Palavras desenhadas com milhares de pontinhos que trocam em revoada: o enxame se desfaz e voa em curva até formar a próxima, mudando de cor. O cursor espanta os pontos e o clique estoura a palavra.
Uma onda anda pelo texto como a ola de um estádio: nasce na letra por onde o mouse entrou e se espalha, e cada letra sobe, cresce e pega a cor de destaque. O clique solta uma mais forte.
Um título apoiado numa corda elástica em degradê: a corda se estica, as letras caem em cima dela uma a uma e ela ondula a cada pouso. A letra debaixo do mouse dá um pulinho.
Uma lista de palavras numa fita dobrada em zigue-zague isométrico; com o mouse, as palavras rolam uma dobra pra cima, letra a letra, ou correm pela fita sozinhas.
Cada letra do título é cortada ao meio, uma cor em cima e outra embaixo; perto do cursor as metades se afastam com mola e deslizam de lado como um corte de lâmina.
Um título que respira: uma onda de peso e largura da fonte percorre as letras no ritmo de uma respiração lenta, com a luz pulsando junto. Segurar o clique inspira o título inteiro.
O sol nasce por trás do título: a luz chega letra a letra, com sombras compridas no chão que giram e encurtam conforme ele sobe. Depois, o sol segue o mouse.
O cursor carrega uma bolha por cima do título: as letras dentro dela incham, sobem, empurram as vizinhas e balançam com mola. O clique estoura a bolha.
O mouse olha o texto por uma lente de vidro: as letras perto dele crescem e as de volta abrem caminho, sem nenhuma passar por cima da outra.
Uma palavra numa pílula colorida troca sozinha no meio do título: as letras viram como um letreiro de aeroporto e a pílula muda de cor e de largura.
Uma palavra grande em que cada letra guarda uma foto: passando o mouse, a foto enche a letra pelo lado por onde você entrou e escorre quando você sai.
A palavra vira vapor de um lado pro outro e, atrás da fumaça, a próxima surge do desfoque, em laço.
Estrelinhas de quatro pontas piscam girando em volta de uma palavra e mudam de lugar a cada poucos segundos; passar o mouse solta uma rajada de brilho.
Texto que entra letra a letra, palavra a palavra ou linha a linha — aparecendo, subindo, saindo do desfoque ou com mola — e frases que se revezam em laço.
Título que se monta letra a letra: faixas coloridas de cada letra atravessam em sentidos alternados enquanto a letra sai do desfoque.
Texto em 3D remontado em letras e símbolos, como arte de terminal.
Título dividido em letras que sobem e aparecem ao entrar na tela.
Cada letra desliza pra o lugar como slot machine, na view e no hover.
Letras que reagem ao mouse ganhando peso, largura e inclinação.
Texto em fonte de máquina de escrever que embaralha as letras perto do mouse.
Assinatura SVG que se desenha traço a traço; botão pra refazer.
Texto grande correndo numa curva SVG; arraste pra mudar a direção.
Selo com letras em círculo girando sem parar; acelera suave no hover.
Frase com palavras desfocadas menos a em foco (nítida + moldura); o foco percorre em ciclo e segue o mouse.
Texto com tremor de sinal com defeito linha a linha, mais forte ao passar o mouse e no clique.
Máquina de escrever: digita, apaga e cicla frases em loop, com cor por frase e cursor piscando.
Texto que aparece embaralhado e se decifra letra por letra, ao passar o mouse ou ao entrar na tela.
Palavra extrudada em camadas com glow que ondula pela profundidade.
Título revelado por máscara, palavra a palavra, com entrada orquestrada de subtítulo e CTA.