HTML + CSSToggles

Lámpara de cordón

Una lámpara de banquero con cordón: tira de la bolita hacia abajo o tócala y la luz se enciende con un balanceo.

Ajustes

16px
1x

Código

<label class="uvq03-pcd"><input type="checkbox" role="switch"><span class="lm"><i class="cn"></i><i class="cb"></i><i class="sh"></i><i class="bu"></i><span class="cd"><i class="bd"></i></span></span>Lámpara de lectura</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.

Versión Markdown con todo el código, para asistentes de IA

Más en Toggles

Ver todos: Toggles

Dónde usarlo

Este interruptor es una lámpara verde colgante con un cordón y una bolita de madera. Puedes arrastrar la bolita hacia abajo y soltarla, como en un interruptor de cordón real, o simplemente hacer clic o tocar la lámpara. La bombilla brilla, aparece un cono de luz cálida y el cordón se balancea antes de quedarse quieto. Un script corto gestiona el arrastre con ratón y dedo.

El color principal es la pantalla y el secundario la luz. Latón y ámbar dan aire de biblioteca, y blanco con azul frío parece una lámpara colgante moderna. La barra espaciadora sigue funcionando con el teclado.