Case à cocher 3D
La case se retourne en 3D quand on la coche et dévoile une face verte avec une coche blanche.
Réglages
Code
<label class="uv-c3"><input type="checkbox"><span><b></b><b><svg viewBox="0 0 24 24"><path d="M5 12.5l4.5 4.5L19 7.5" pathLength="1"/></svg></b></span>Activer</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
Où l’utiliser
Une case qui se retourne transforme un simple oui en petit événement. Utilisez-la pour « Activer » une fonction dans les réglages d'un compte, pour confirmer sa présence à un événement ou pour ajouter des options dans un configurateur d'abonnement. La case pivote sur son axe vertical comme une carte à jouer et retombe sur sa face verte.
Le dos est toujours vert, la couleur que presque tout le monde lit comme « c'est bon » : il ne suit donc pas votre couleur principale. Si ce vert jure avec votre marque, choisissez une autre case. La rotation dure plus d'une demi-seconde, mieux adaptée à quelques options importantes.