HTML + CSSCases à cocher
Case à cocher 8 bits
Une case en pixel art au contour épais où la coche apparaît carré par carré.
Réglages
16px
1x
Code
<label class="uv-c8b"><input type="checkbox"><span class="bx"><b style="--x:1;--y:4;--i:0"></b><b style="--x:1;--y:5;--i:0"></b><b style="--x:2;--y:5;--i:1"></b><b style="--x:2;--y:6;--i:1"></b><b style="--x:3;--y:6;--i:2"></b><b style="--x:3;--y:7;--i:2"></b><b style="--x:4;--y:5;--i:3"></b><b style="--x:4;--y:6;--i:3"></b><b style="--x:5;--y:4;--i:4"></b><b style="--x:5;--y:5;--i:4"></b><b style="--x:6;--y:3;--i:5"></b><b style="--x:6;--y:4;--i:5"></b><b style="--x:7;--y:2;--i:6"></b><b style="--x:7;--y:3;--i:6"></b></span>Sauvegarder la partie</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
Voir tout : Cases à cocherOù l’utiliser
Construite uniquement avec des boîtes et des ombres CSS, cette case recrée les menus des consoles portables : un contour épais en escalier, un biseau à l'intérieur et une coche dessinée avec quatorze pixels qui s'allument en séquence rapide. Le libellé utilise une police système à chasse fixe pour compléter l'esprit arcade.
Elle convient aux réglages de jeux, aux portfolios rétro, aux bootcamps de code et aux listes de tâches ludiques. La taille des pixels suit le réglage de taille, et les deux couleurs fixent le remplissage et les pixels de lumière.