HTML + CSSCheckboxes
Check de 8 bits
Una casilla de pixel art con borde grueso donde el check aparece cuadrado a cuadrado.
Ajustes
16px
1x
Código
<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>Guardar partida</label>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Checkboxes
Ver todos: CheckboxesDónde usarlo
Hecha solo con cajas y sombras en CSS, esta casilla recrea los menús de las consolas portátiles: un contorno grueso y escalonado, un bisel dentro de la caja y un check dibujado con catorce píxeles que se encienden en una secuencia rápida. El texto usa una fuente monoespaciada del sistema para completar el aire arcade.
Va bien en ajustes de videojuegos, portfolios retro, bootcamps de programación y listas de tareas desenfadadas. El tamaño del píxel sigue al control de tamaño y los dos colores definen el relleno y los píxeles de luz.