HTML + CSSLoaders

Balle qui rebondit

Une balle qui tombe, s’écrase au sol puis s’étire en remontant, suivie de son ombre.

Réglages

72px
1x

Code

<div class="ul-sq"><b></b></div>

Prompt pour l’IA

Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.

Plus dans Loaders

Où l’utiliser

Écraser et étirer, c’est l’un des premiers principes qu’apprend tout animateur, et cette balle qui rebondit l’illustre joliment. C’est donc un clin d’œil amusant sur le portfolio d’un studio d’animation, et un choix naturel pour un magasin de sport qui vend balles et raquettes ou pour la réservation de cours d’une salle de sport.

Il lui faut de la hauteur, environ deux fois sa largeur : offrez-lui un emplacement vertical. Une seule couleur franche marche le mieux, car la balle et son ombre la partagent. Un peu plus lente, l’écrasement se voit mieux et la balle paraît plus lourde.