HTML + CSSCases à cocher
Tâche à coche ronde
Le rond se remplit d’une coche pendant qu’un trait barre la tâche et que le texte s’estompe.
Réglages
16px
1x
Code
<label class="uv-ck2t"><input type="checkbox"><span class="bx"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12.5l4.5 4.5L19 7.5" pathLength="1"/></svg></span><span class="tx">Terminer la maquette</span></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
Conçue pour les listes de tâches : les choses à faire dans un outil de gestion de projet, la liste de valise avant un voyage ou les étapes d’une recette que l’on coche en cuisinant. Le trait traverse le texte, la ligne s’estompe, et ce qui reste à faire ressort tout seul. Une case to-do barrée en HTML et CSS.
Elle fonctionne mieux avec des intitulés courts. Si une tâche passe sur deux lignes, seule la première est barrée : écrivez des tâches brèves ou donnez un peu plus de largeur à la liste.