Persiana veneciana
Las lamas de una persiana giran una tras otra y dejan entrar el sol por la ventana en franjas de luz.
Ajustes
Código
<label class="uvq03-bln"><input type="checkbox" role="switch"><span class="wn"><span class="vw"><i class="sn"></i><i class="hl"></i></span><span class="sl"><i style="--i:0"></i><i style="--i:1"></i><i style="--i:2"></i><i style="--i:3"></i><i style="--i:4"></i><i style="--i:5"></i><i style="--i:6"></i><i style="--i:7"></i></span><i class="rd"></i><i class="rs"></i></span>Luz natural</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
Este interruptor es una pequeña ventana con una persiana veneciana cerrada delante de un paisaje con cielo, sol y una colina verde. Al activarlo, cada lama gira con un pequeño retraso, de modo que la luz se abre de arriba abajo, la varilla gira y un brillo cálido rodea el marco. Las lamas usan rotateX en CSS. Encaja en iluminación de casa conectada y ajustes de luz.
El color principal es el cielo y el secundario el sol. Un cielo pálido de amanecer con un sol naranja da aire de mañana, y un azul más oscuro sirve para modos de tarde. Deja un texto que hable de luz o de sombra.