HTML + CSSCases à cocher

Case à cocher au point de croix

Un tambour à broder en bois avec une toile quadrillée où la coche se brode point par point.

Réglages

16px
1x

Code

<label class="uvq02-xst"><input type="checkbox"><span class="hp" aria-hidden="true"><span class="cl"><b style="--x:1;--y:4;--i:0"></b><b style="--x:2;--y:5;--i:1"></b><b style="--x:3;--y:6;--i:2"></b><b style="--x:4;--y:5;--i:3"></b><b style="--x:5;--y:4;--i:4"></b><b style="--x:6;--y:3;--i:5"></b><b style="--x:7;--y:2;--i:6"></b></span></span>Cadeau fait main</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.

Version Markdown avec tout le code, pour les assistants IA

Plus dans Cases à cocher

Voir tout : Cases à cocher

Où l’utiliser

Au lieu de tracer un trait, cette case à cocher brode sa coche. La case est un tambour en bois qui tend une toile quadrillée, et en cochant, sept points de croix se cousent l'un après l'autre dans la couleur du fil. C'est du HTML et du CSS sans images, une touche artisanale pour les boutiques de loisirs créatifs, les tutos et les listes de cadeaux.

La couleur principale est le fil et la secondaire la toile : rouge sur écru, marine sur lin ou or sur noir fonctionnent tous. Réserve-la à une option qui compte plutôt qu'à une longue liste, où la broderie paraîtrait lente.