HTML + CSSToggles
Vela que se enciende
La mecha prende una llama que titila y extiende una luz cálida alrededor de la vela.
Ajustes
16px
1x
Código
<label class="uv-tcd"><input type="checkbox" role="switch"><span class="cd"><span class="gw"></span><span class="fl"></span><span class="wk"></span><span class="bd"></span></span>Modo ambiente</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
Un toggle acogedor para funciones acogedoras. Desactivada, la vela está apagada con su gotita de cera; activada, una llama crece desde la mecha con un pequeño salto y sigue titilando mientras un halo cálido respira a su alrededor. Úsala para modo ambiente o noche, apps de relajación, reservas de mesa en restaurantes o campañas de temporada.
El color principal es la llama exterior y el brillo; el secundario, el núcleo claro. El parpadeo es una animación corta y sutil que se detiene por completo con movimiento reducido.