Interrupteur d’alarme de montre digitale
Un écran LCD de montre avec segments fantômes : la cloche s’affiche quand l’alarme est réglée et l’appui allume le rétroéclairage.
Réglages
Code
<label class="uvq03-lcd"><input type="checkbox" role="switch"><span class="cs"><span class="bt"></span><span class="sc"><span class="dg"><b class="gs">88:88</b><b class="d">07:30</b></span><span class="ic"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3a6 6 0 0 0-6 6v4l-2 3h16l-2-3V9a6 6 0 0 0-6-6zm-2.2 15a2.2 2.2 0 0 0 4.4 0z"/></svg><b>AL</b></span></span></span>Alarme quotidienne</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
Inspiré des montres digitales en résine, cet interrupteur affiche un petit écran LCD verdâtre où les segments 88:88 restent visibles en fond derrière l’heure. À l’activation, la cloche et le repère AL apparaissent, la cloche sonne brièvement, et un appui maintenu allume un rétroéclairage cyan comme le bouton lumière d’une vraie montre. Il convient aux alarmes, rappels et minuteurs.
La couleur principale règle le rétroéclairage, la seconde teinte la vitre de l’écran. Remplacez 07:30 dans le HTML par l’heure voulue et gardez une police à chasse fixe pour aligner les chiffres sur les segments fantômes.