Puntos que saltan con sombra
Tres puntos que saltan en ola, cada uno con una sombrita en el suelo que se encoge al subir.
Ajustes
Código
<div class="ul-bn"><i style="--i:0"><b></b></i><i style="--i:1"><b></b></i><i style="--i:2"><b></b></i></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 Loaders
Dónde usarlo
Las sombritas son lo que le da gracia: se encogen cuando cada punto despega, así que el salto parece físico. Va bien con marcas juguetonas, como una app educativa para niños, una juguetería online o la página de reservas de un café de juegos de mesa. Al lado de un indicador de «escribiendo», este dice más «diversión» que «alguien teclea».
La sombra necesita un suelo donde posarse, así que úsalo sobre fondos lisos y no sobre fotos. Una tipografía redondeada y amable alrededor le sienta bien. Súbele un poco el tamaño; muy pequeño, las sombras desaparecen y con ellas la gracia.