HTML + CSSCases à cocher
Case à cocher confettis
Cocher la case fait jaillir huit petites particules, une mini-fête pour une tâche accomplie.
Réglages
16px
1x
Code
<label class="uv-cb"><input type="checkbox"><span><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><svg viewBox="0 0 24 24"><path d="M5 12.5l4.5 4.5L19 7.5" pathLength="1"/></svg></span>Fait</label>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 Cases à cocher
Où l’utiliser
Cette case à cocher fait la fête. Elle convient au moment où l'on termine quelque chose qui compte : valider l'habitude du jour dans un suivi d'habitudes, finir la dernière étape d'une checklist de bienvenue ou marquer une leçon comme faite dans un cours de langue. Huit points jaillissent pendant que la coche se dessine.
Réservez-la aux réussites. Dans un long formulaire à dix cases, les confettis lassent dès la troisième. Les particules sortent de la case : laissez un peu d'espace autour, surtout si plusieurs cases sont empilées de près.