Anneau de 12 points
Douze points placés comme les heures d’une horloge, qui pâlissent et rétrécissent l’un après l’autre.
Réglages
Code
<div class="ul-dr"><i style="--i:0"></i><i style="--i:1"></i><i style="--i:2"></i><i style="--i:3"></i><i style="--i:4"></i><i style="--i:5"></i><i style="--i:6"></i><i style="--i:7"></i><i style="--i:8"></i><i style="--i:9"></i><i style="--i:10"></i><i style="--i:11"></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
Avec ses douze points disposés comme les heures d’un cadran, ce loader a quelque chose de patient, comme un tic-tac. Il convient aux moments où l’on vérifie et où l’on compte : le module de réservation d’un restaurant qui cherche une table, un agenda qui charge les disponibilités ou une galerie qui traite vos photos. Du CSS pur, très léger.
Comme les points rétrécissent en pâlissant, il paraît plus aérien qu’un spinner à bâtonnets et va bien aux designs délicats et épurés. Prenez la couleur du texte pour une version discrète, ou votre couleur d’accent s’il trône seul au milieu d’un panneau vide.