HTML + CSSInterrupteurs

Interrupteur nichoir

Un nichoir en bois sur un poteau : à l’activation, un oiseau sort la tête du trou, la penche et chante.

Réglages

16px
1x

Code

<label class="uvq03-brd"><input type="checkbox" role="switch"><span class="bh"><span class="nt" aria-hidden="true"><i>♪</i><i>♫</i></span><i class="rf"></i><span class="bx"><span class="hl"><span class="bd"><i class="ey"></i><i class="bk"></i></span></span><i class="pc"></i></span><i class="po"></i></span>Réveil au chant des oiseaux</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 un petit nichoir en bois avec un toit rouge, une entrée ronde, un perchoir et un poteau. Éteint, le trou reste sombre ; activé, un petit oiseau surgit dans l’ouverture avec un rebond élastique, penche la tête de temps en temps et des notes de musique s’envolent au-dessus du toit. Au survol, l’oiseau pointe un peu le bec. Il convient aux réveils et aux apps de jardin.

La couleur principale est le toit, la seconde l’oiseau et ses notes. Un toit vert avec un oiseau jaune évoque le printemps, un toit sombre convient aux thèmes du soir. Gardez un libellé qui parle de son ou de matin.