HTML + CSSToggles

Molinillo de viento

Un molinillo de papel clavado en un palo se pone a girar mientras unas rachas de viento cruzan por detrás.

Ajustes

16px
1x

Código

<label class="uvq03-pnw"><input type="checkbox" role="switch"><span class="pw"><span class="wd"><i></i><i></i><i></i></span><i class="sk"></i><span class="hb"><span class="rt"><i class="f" style="--i:0"></i><i class="m" style="--i:0"></i><i class="f" style="--i:1"></i><i class="m" style="--i:1"></i><i class="f" style="--i:2"></i><i class="m" style="--i:2"></i><i class="f" style="--i:3"></i><i class="m" style="--i:3"></i></span><i class="pn"></i></span></span>Ventilación</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 molinillo de jardín con cuatro aspas de papel plegado en dos colores, clavado en un palo de madera. Apagado está quieto y algo inclinado; al activarlo gira sin parar mientras unas rachas finas de viento cruzan por detrás, y al apagarlo se queda congelado donde esté. Encaja en ajustes de ventilación, apps del tiempo y tiendas de jardín.

Los dos colores pintan aspas alternas y sus pliegues. Las parejas pastel dan aire de playa y el rojo con amarillo intenso, de feria. El control de velocidad cambia lo rápido que gira.