HTML + CSSToggles

Casita de pájaros

Una casita de madera en lo alto de un poste: al activarla, un pájaro asoma por el agujero, mueve la cabeza y canta.

Ajustes

16px
1x

Código

<label class="uvq03-brd"><input type="checkbox" role="switch"><span class="bh"><span class="nt" aria-hidden="true"><i>♪</i><i>♫</i></span><i class="rf"></i><span class="bx"><span class="hl"><span class="bd"><i class="ey"></i><i class="bk"></i></span></span><i class="pc"></i></span><i class="po"></i></span>Despertar con pájaros</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 casita de madera para pájaros con tejado rojo, entrada redonda, percha y poste. Apagada, el agujero está a oscuras; al activarla, un pajarito asoma por la entrada con un rebote elástico, ladea la cabeza de vez en cuando y salen notas musicales por encima del tejado. Al pasar el ratón, el pájaro se asoma un poco. Encaja en despertadores y apps de jardín.

El color principal es el tejado y el secundario el pájaro y sus notas. Un tejado verde con un pájaro amarillo da aire de primavera, y uno oscuro va bien con temas de noche. Deja un texto que hable de sonido o de mañanas.