Points sauteurs avec ombre
Trois points qui sautent en vague, chacun avec une petite ombre au sol qui rétrécit quand il s’élève.
Réglages
Code
<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 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
Ce sont les petites ombres qui font son charme : elles rétrécissent quand chaque point quitte le sol, et le saut paraît physique. Il va bien aux marques espiègles, comme une appli éducative pour enfants, un magasin de jouets en ligne ou la page de réservation d’un bar à jeux. À côté d’un indicateur de saisie, il évoque plutôt « on s’amuse ».
L’ombre a besoin d’un sol : utilisez-le sur un fond uni plutôt que sur une photo. Une typographie ronde et chaleureuse autour l’accompagne bien. Grossissez-le un peu, car en tout petit les ombres disparaissent, et le charme avec.