Gravedad
Letras que caen con gravedad
Pulsa y las letras del titular se descuelgan, rebotan contra el suelo y quedan tiradas; otro toque las devuelve a su sitio.
Ajustes
Código
<div class="uvq14-grv"><div class="bx"><h3 class="sr">Gravedad</h3><div class="ws" aria-hidden="true" translate="no">Gravedad</div><i class="fl" aria-hidden="true"></i></div><button type="button" class="tg" aria-pressed="false"><span class="a">Soltar letras</span><span class="b">Recoger</span></button></div>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 Texto y scroll
Ver todos: Texto y scrollDónde usarlo
Un pequeño bucle de física da a cada letra su peso, su giro y su rebote, así que la palabra se derrumba sobre una balda de madera de forma algo distinta cada vez. Al volver a pulsar, cada letra regresa a su sitio de un salto con una transición escalonada. Es una buena sorpresa para páginas 404, lanzamientos con humor, contenido infantil o un portfolio que quiera sacar una sonrisa.
Escribe una palabra corta en el campo de texto y elige los dos colores de plastilina con el color principal y el secundario. El titular real queda intacto para los lectores de pantalla y, con movimiento reducido, las letras caen de golpe sin rebotar.