Cargando
HTML + CSSLoaders
Horloge aux aiguilles rapides
Un cadran avec graduations où l'aiguille des minutes file et celle des heures suit lentement.
Réglages
16px
1x
Code
<div class="uv-lck" role="status"><span class="sr">Chargement</span><b style="--a:0deg"></b><b style="--a:30deg"></b><b style="--a:60deg"></b><b style="--a:90deg"></b><b style="--a:120deg"></b><b style="--a:150deg"></b><b style="--a:180deg"></b><b style="--a:210deg"></b><b style="--a:240deg"></b><b style="--a:270deg"></b><b style="--a:300deg"></b><b style="--a:330deg"></b><i class="h"></i><i class="m"></i><i class="c"></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
Voir tout : LoadersOù l’utiliser
Le temps est la métaphore évidente de l'attente, et un loader en forme d'horloge la rend littérale sans paraître banal. Ce cadran a douze graduations, une aiguille des heures épaisse qui fait lentement le tour et une fine aiguille rouge qui tourne une fois par seconde, sur un petit axe central. Idéal pour les agendas, le suivi du temps et les réservations.
Le bord et les aiguilles prennent les deux couleurs, et la vitesse règle les deux aiguilles. Pur CSS, net à toutes les tailles. Une belle alternative au spinner habituel.