HTML + CSSInterrupteurs

Interrupteur bouilloire électrique

Le voyant du socle s’allume, l’eau bouillonne derrière la petite fenêtre et la vapeur s’échappe du bec.

Réglages

16px
1x

Code

<label class="uvq03-ktl"><input type="checkbox" role="switch"><span class="kt"><span class="sm"><i></i><i></i><i></i></span><i class="sp"></i><i class="hd"></i><span class="bd"><i class="ld"></i><span class="wn"><span class="wa"><i></i><i></i><i></i></span></span><i class="sw"></i></span><i class="bs"></i></span>Eau chaude</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 Interrupteurs

Voir tout : Interrupteurs

Où l’utiliser

Cet interrupteur est une bouilloire électrique en inox posée sur son socle, avec une poignée noire, un bouton de couvercle et une fenêtre étroite sur le niveau d’eau. À l’activation, le petit basculeur sous la poignée bascule, une ligne ambrée s’allume sur le socle, des bulles montent dans la fenêtre et, peu après, de légers nuages de vapeur sortent du bec. Il convient à l’électroménager connecté.

La couleur principale est le voyant de chauffe, la seconde l’eau. Un bleu froid évoque le maintien au chaud, une eau verdâtre convient aux marques d’infusions. Gardez un libellé qui parle de l’eau ou de la boisson.