Letras en ola
Al pasar el ratón cada letra salta y cambia de color un instante después que la anterior, como una ola.
Ajustes
Código
<button class="uv-lwv" aria-label="Empezar gratis"><span class="t" translate="no" aria-hidden="true">Empezar gratis</span></button>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Botones
Ver todos: BotonesDónde usarlo
Esta llamada a la acción separa su propio texto en letras con unas líneas de JavaScript y una animación CSS las hace saltar una detrás de otra con una ligera inclinación. El botón conserva un aria-label con el texto completo, así que los lectores de pantalla oyen una palabra normal. Funciona muy bien en landings de apps, juegos y estudios creativos.
Las etiquetas de dos o tres palabras dan la ola más bonita. El color secundario es el tono que toma cada letra en lo alto del salto, así que un acento cálido sobre un botón frío se nota sin más efectos.