Cartucho de consola retro
Un cartucho gris con etiqueta pixelada: al pulsar se mete en la consola y la pantalla verde arranca con el logo.
Ajustes
Código
<div class="uvq07-crt"><div class="st" aria-hidden="true"><div class="ct"><i class="gr"></i><span class="lb"><span class="art"><svg viewBox="0 0 16 10" shape-rendering="crispEdges" aria-hidden="true"><rect width="16" height="10" fill="#8fd3ff"/><rect x="12" y="1" width="2" height="2" fill="#ffe066"/><rect x="2" y="4" width="4" height="2" fill="#3b4b7a"/><rect x="3" y="3" width="2" height="1" fill="#3b4b7a"/><rect x="9" y="3" width="5" height="3" fill="#2f3d66"/><rect x="10" y="2" width="3" height="1" fill="#2f3d66"/><rect x="11" y="1" width="1" height="1" fill="#fff"/><rect y="6" width="16" height="4" fill="#4caf50"/><rect y="8" width="16" height="2" fill="#3a8a3e"/><rect x="6" y="5" width="1" height="1" fill="#ffcc99"/><rect x="6" y="6" width="1" height="2" fill="#e53935"/></svg></span><b>Aventura en Pixelia</b></span></div><div class="cn"><i class="sl"></i><span class="scr"><b>PIXELIA</b><span class="ps">Pulsa START</span></span><i class="pw"></i><i class="dp"></i><i class="ab"></i></div></div><button type="button" aria-pressed="false" data-a="Insertar cartucho" data-b="Expulsar cartucho">Insertar cartucho</button></div>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 Cards
Ver todos: CardsDónde usarlo
Una tarjeta nostálgica para juegos y lanzamientos creativos. El cartucho tiene estrías de agarre, la esquina recortada y una etiqueta pixel art en SVG nítido; al insertarlo baja tras el cuerpo de la consola, la pantalla verde se enciende, el logo cae a saltos y parpadea el aviso de inicio. Úsalo en fichas de juegos, hackatones, tiendas retro o guiños dentro de un portafolio.
El color principal es la etiqueta y los botones de la consola; el secundario, la pantalla. Cambia el título, redibuja la escena de 16 por 10 píxeles y pulsa otra vez para expulsarlo.