HTML + CSSCases à cocher

Case à cocher grille-pain rétro

Décochée, la fente rougeoie pendant que ça grille ; cochée, les deux tranches sautent bien dorées avec un ressort.

Réglages

16px
1x

Code

<label class="uvq02-tst"><input type="checkbox"><span class="ts" aria-hidden="true"><i class="br a"></i><i class="br b"></i><span class="bd"><i class="lv"></i></span><i class="sm"></i><i class="sm"></i></span>Pain grillé</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 un grille-pain rétro arrondi de couleur pastel, avec une fente noire, un levier sur le côté et de petits pieds. Décochée, la fente rougeoie comme si le pain grillait. En la cochant, le levier remonte et les deux tranches sautent avec un ressort, dorées et à la croûte plus foncée, et deux filets de vapeur montent. Elle va bien sur une carte de petit-déjeuner.

La couleur principale est la tartine et la secondaire le corps du grille-pain : menthe, jaune beurre ou chrome fonctionnent. La lueur et la vapeur s'arrêtent avec le mouvement réduit, et il reste un état allumé et éteint bien net.