HTML + CSSToggles

Planta carnívora

Una venus atrapamoscas en su maceta: al activarla, sus dos lóbulos con pinchos se cierran de golpe sobre la mosca.

Ajustes

16px
1x

Código

<label class="uvq03-fly"><input type="checkbox" role="switch"><span class="pl"><i class="st"></i><i class="lf a"></i><i class="lf b"></i><span class="tr"><i class="lb l"></i><i class="lb r"></i></span><span class="fy"><i></i></span><i class="pt"></i></span>Atrapar el spam</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 pequeña planta carnívora en una maceta de barro, con una mosca revoloteando sobre dos lóbulos abiertos, rojos por dentro y con pinchos verdes en el borde. Al activarlo, los lóbulos se cierran de golpe con un muelle rápido, los pinchos se entrelazan, la mosca desaparece dentro y la trampa se sacude un momento. Encaja en filtros de spam y bloqueadores.

El color principal es el interior de la trampa y el secundario el verde de la planta. Un rojo vino con verde oscuro queda más realista, y parejas más vivas encajan con un estilo de dibujo animado. Deja el texto corto y directo.