HTML + CSSToggles

Girasol que despierta

Cuando sale el sol, el girasol levanta la cabeza mustia y abre sus pétalos uno detrás de otro.

Ajustes

16px
1x

Código

<label class="uvq03-snf"><input type="checkbox" role="switch"><span class="gd"><i class="sn"></i><i class="st"></i><i class="lf a"></i><i class="lf b"></i><span class="hd"><i class="pt" style="--i:0"></i><i class="pt" style="--i:1"></i><i class="pt" style="--i:2"></i><i class="pt" style="--i:3"></i><i class="pt" style="--i:4"></i><i class="pt" style="--i:5"></i><i class="pt" style="--i:6"></i><i class="pt" style="--i:7"></i><i class="pt" style="--i:8"></i><i class="pt" style="--i:9"></i><i class="pt" style="--i:10"></i><i class="pt" style="--i:11"></i><i class="cn"></i></span></span>Modo solar</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 un girasol con un tallo alto y dos hojas, mustio y apagado cuando está desactivado. Al activarlo, el sol sale por la esquina, la cabeza se levanta con un balanceo elástico hacia él, los colores se avivan y doce pétalos se abren uno a uno alrededor del centro de semillas. Encaja en apps de energía solar, modos de luz diurna y webs de jardinería.

El color principal son los pétalos y el secundario el sol. Un dorado intenso con un sol rojizo da aire de final de verano, y un amarillo limón pálido, de primavera. Le va un texto sobre el sol o la energía.