Título na Corda Free

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.

Baixar grátis na loja

Sobre este efeito

Um título de uma linha apoiado numa corda elástica em degradê. Na chegada, a corda se estica do meio pras pontas e as letras caem em cima dela, uma a uma: a corda afunda e ondula a cada pouso, e as letras vizinhas balançam e inclinam junto, porque todas estão apoiadas nela. Passar o mouse ou tocar numa letra faz ela dar um pulinho e sacudir a corda de novo. Depois que tudo assenta, não gasta nada. O leitor de tela lê o título inteiro, e se a frase não couber na largura a letra encolhe sozinha. Sem biblioteca. Três cores do degradê, grossura da corda, força do pouso, intervalo entre as letras, inclinação e velocidade 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: Grátis com a conta: 1 download a cada 24 horas.
Na loja desde: 06/10/2026

Como colocar no seu site

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.
Usando um construtor (Elementor, Shopify, Webflow e outros): a loja mostra o passo a passo de cada um.
Programando: importe o efeito.css e o efeito.js e marque o elemento com a classe fx-titulo-na-corda.

Assuntos

texto
título
letras
sublinhado
underline
degradê
gradient
mola
spring
corda
entrada
hover