HTML + CSSToggles

Mariquita que despega

Sobre una hoja, la mariquita abre los élitros, despliega las alas y se queda flotando en el aire.

Ajustes

16px
1x

Código

<label class="uvq03-lby"><input type="checkbox" role="switch"><span class="lf"><i class="sh"></i><span class="bg"><i class="wg l"></i><i class="wg r"></i><i class="bd"></i><i class="hd"></i><i class="el l"></i><i class="el r"></i></span></span>Control de plagas</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 mariquita posada en una hoja verde, vista desde arriba, con cabeza negra, ojos blancos y caparazón rojo con puntos. Al activarlo, el caparazón se separa en dos mitades que se abren, unas alas finas y transparentes se despliegan y aletean, y el insecto despega de la hoja y se queda flotando mientras su sombra se encoge. Encaja en apps de jardín y control de plagas.

El color principal es el caparazón y el secundario la hoja. Un caparazón amarillo da otra especie y una hoja naranja de otoño cambia la estación. El vaivén en el aire sigue el control de velocidad.