Toggle à petit visage
La bille est un petit visage endormi qui roule, ouvre les yeux, cligne et rougit quand on l'active.
Réglages
Code
<label class="uv-tfc"><input type="checkbox" role="switch"><span class="tr"><span class="kn"><i class="e l"></i><i class="e r"></i><i class="ch l"></i><i class="ch r"></i><i class="mo"></i></span></span>Réveil</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 peu de personnalité transforme un minuscule contrôle en moment dont on se souvient. Désactivée, la bille montre des yeux fermés et une bouche droite ; activée, elle roule de l'autre côté, ouvre des yeux ronds, cligne toutes les quelques secondes et rosit des joues. Parfait pour les réveils, les applis pour enfants, le suivi du sommeil et les préférences d'accueil sympathiques.
La couleur principale remplit le rail et la secondaire colore les joues. Tout est fait de formes CSS, le visage suit donc la taille et le clignement s'arrête avec le mouvement réduit.