HTML + CSSCases à cocher

Case à cocher sachet de thé

Le sachet plonge dans la tasse en verre avec un rebond et l'eau prend peu à peu la couleur du thé.

Réglages

16px
1x

Code

<label class="uvq02-tea"><input type="checkbox"><span class="cu" aria-hidden="true"><i class="sm"></i><i class="sm"></i><span class="bg"><i class="tg"></i></span><span class="mg"><i class="wt"></i></span><i class="hd"></i></span>Infuser le thé</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.

Version Markdown avec tout le code, pour les assistants IA

Plus dans Cases à cocher

Voir tout : Cases à cocher

Où l’utiliser

Cette case à cocher est une tasse en verre remplie d'eau chaude, avec un sachet de thé suspendu au-dessus par un fil et son étiquette en papier. En la cochant, le sachet descend dans la tasse avec un rebond, l'eau prend la couleur du thé en quelques secondes et deux filets de vapeur commencent à monter. Elle convient aux cartes de café et applis bien-être.

La couleur principale est le thé infusé et la secondaire l'étiquette en papier : essaie un thé noir ambré, un thé vert ou une infusion aux fruits rouges. Le réglage de vitesse change le temps d'infusion et la montée de la vapeur.