Cartes de tarot face cachée
Trois cartes de tarot en éventail : celle que tu choisis se retourne en 3D et dévoile son arcane doré.
Réglages
Code
<fieldset class="uvq04-tar"><legend>Choisis une carte</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>Le Soleil</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 Lune</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>L’Étoile</b></span></span></label></div></fieldset>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 Boutons radio
Voir tout : Boutons radioOù l’utiliser
Trois cartes reposent face cachée en léger éventail, avec un dos bleu nuit, un liseré doré et un motif de losanges. En choisir une la retourne en 3D et montre une face crème avec son chiffre romain, un soleil, une lune ou une étoile au trait et son nom, pendant que les deux autres s'effacent. Un groupe radio ludique pour horoscopes, quiz, jeux et messages du jour.
La couleur principale est l'or et la secondaire le dos des cartes : argent sur noir ou cuivre sur vert changent l'ambiance. Aucune carte n'est choisie au départ pour garder la surprise ; remplace les icônes et les noms par ton propre jeu.