Bola que rebota
Una bola que cae, se aplasta contra el suelo y se estira al subir, con su sombra acompañándola.
Ajustes
Código
<div class="ul-sq"><b></b></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
Aplastar y estirar es uno de los primeros principios que aprende cualquier animador, y esta bola que rebota lo enseña muy bien. Por eso es un guiño divertido en el portfolio de un estudio de animación, y encaja con una tienda de deportes que vende pelotas y raquetas o con las reservas de clases de un gimnasio.
Necesita espacio vertical, unas dos veces su ancho, así que dale un hueco alto. Un solo color intenso funciona mejor, porque la bola y su sombra lo comparten. Con algo menos de velocidad el aplastamiento se ve más y la bola parece más pesada.