HTML + CSSInterrupteurs
Toggle bougie
La mèche s'allume d'une flamme vacillante qui diffuse une lueur chaude autour de la bougie.
Réglages
16px
1x
Code
<label class="uv-tcd"><input type="checkbox" role="switch"><span class="cd"><span class="gw"></span><span class="fl"></span><span class="wk"></span><span class="bd"></span></span>Mode ambiance</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 Interrupteurs
Voir tout : InterrupteursOù l’utiliser
Un toggle douillet pour des fonctions douillettes. Désactivée, la bougie reste éteinte avec sa petite coulure de cire ; activée, une flamme jaillit de la mèche avec un léger rebond et continue de vaciller pendant qu'un halo chaud respire autour. Utilise-la pour un mode ambiance ou nuit, une appli de relaxation, la réservation d'une table ou une campagne saisonnière.
La couleur principale donne la flamme extérieure et la lueur, la secondaire le cœur lumineux. Le vacillement reste discret et s'arrête avec le mouvement réduit.