Cartas de tarot boca abajo
Tres cartas de tarot en abanico: la que eliges da la vuelta en 3D y enseña su arcano dorado.
Ajustes
Código
<fieldset class="uvq04-tar"><legend>Elige una carta</legend><div class="dk"><label style="--r:-9deg;--y:0.5em"><input type="radio" name="uvq04-tar"><span class="cd"><span class="bk" aria-hidden="true"></span><span class="fc"><small>XIX</small><svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="4.2"/><path d="M12 2.5v3M12 18.5v3M2.5 12h3M18.5 12h3M5.3 5.3l2.1 2.1M16.6 16.6l2.1 2.1M5.3 18.7l2.1-2.1M16.6 7.4l2.1-2.1"/></svg><b>El Sol</b></span></span></label><label style="--r:0deg;--y:0em"><input type="radio" name="uvq04-tar"><span class="cd"><span class="bk" aria-hidden="true"></span><span class="fc"><small>XVIII</small><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M15.5 3.5a8.6 8.6 0 1 0 5 14.6A7 7 0 0 1 15.5 3.5z"/></svg><b>La Luna</b></span></span></label><label style="--r:9deg;--y:0.5em"><input type="radio" name="uvq04-tar"><span class="cd"><span class="bk" aria-hidden="true"></span><span class="fc"><small>XVII</small><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2.5l2.3 6.9 6.9 2.6-6.9 2.6L12 21.5l-2.3-6.9L2.8 12l6.9-2.6z"/></svg><b>La Estrella</b></span></span></label></div></fieldset>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 Radio buttons
Ver todos: Radio buttonsDónde usarlo
Tres cartas boca abajo en un ligero abanico, con dorso azul marino, borde dorado y un patrón de rombos. Al elegir una, gira en 3D y enseña una cara crema con su número romano, un sol, una luna o una estrella de línea y su nombre, mientras las otras dos se apagan. Es un grupo de radios juguetón para horóscopos, tests, juegos y mensajes del día.
El color principal es el dorado y el secundario el dorso, así que plata sobre negro o cobre sobre verde cambian el ambiente. Al principio no hay ninguna elegida para mantener la sorpresa; cambia los iconos y nombres por tu propia baraja.