HTML + CSSCheckboxes

Tostadora retro

Mientras está desmarcada, la ranura brilla tostando; al marcarla las dos rebanadas saltan doradas con un muelle.

Ajustes

16px
1x

Código

<label class="uvq02-tst"><input type="checkbox"><span class="ts" aria-hidden="true"><i class="br a"></i><i class="br b"></i><span class="bd"><i class="lv"></i></span><i class="sm"></i><i class="sm"></i></span>Pan tostado</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 Checkboxes

Ver todos: Checkboxes

Dónde usarlo

Este checkbox es una tostadora retro redondeada en color pastel, con ranura negra, palanca lateral y patitas. Mientras está desmarcada, la ranura brilla en naranja como si el pan se estuviera tostando. Al marcarla, la palanca sube y las dos rebanadas saltan con un muelle, ya doradas y con la corteza más oscura, mientras salen dos hilos de vapor. Encaja en cartas de desayuno y recetas.

El color principal es la tostada y el secundario el cuerpo de la tostadora, así que funcionan menta, amarillo mantequilla o cromo. El brillo y el vapor se detienen con movimiento reducido y queda un encendido y apagado claro.