Alarma de reloj digital
Una pantalla LCD de reloj con segmentos fantasma: la campana se oscurece al activar la alarma y al pulsar se ilumina el fondo.
Ajustes
Código
<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>Alarma diaria</label>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Toggles
Ver todos: TogglesDónde usarlo
Inspirado en los relojes digitales clásicos de resina, este interruptor muestra una pequeña pantalla LCD verdosa con los segmentos 88:88 apagados detrás de la hora. Al activarlo se marcan la campana y el indicador AL, la campana se agita un momento y, mientras lo mantienes pulsado, se enciende una luz de fondo cian como el botón de luz de un reloj. Sirve para alarmas, recordatorios y temporizadores.
El color principal es la luz de fondo y el secundario tiñe el cristal de la pantalla. Cambia 07:30 en el HTML por cualquier hora y mantén una fuente monoespaciada para que los dígitos coincidan con los segmentos fantasma.