HTML + CSSCheckboxes

Bolsita de té

La bolsita baja a la taza de cristal con un rebote y el agua se va tiñendo de color té mientras sale vapor.

Ajustes

16px
1x

Código

<label class="uvq02-tea"><input type="checkbox"><span class="cu" aria-hidden="true"><i class="sm"></i><i class="sm"></i><span class="bg"><i class="tg"></i></span><span class="mg"><i class="wt"></i></span><i class="hd"></i></span>Infusionar el té</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 taza de cristal con agua caliente y una bolsita de té colgada encima de un hilo con su etiqueta de papel. Al marcarlo, la bolsita baja a la taza con un rebote, el agua va tomando el color del té durante un par de segundos y empiezan a subir dos hilos de vapor. Encaja en cartas de cafetería y apps de bienestar.

El color principal es el té ya hecho y el secundario la etiqueta de papel, así que prueba un té negro ámbar, un té verde o una infusión de frutos rojos. El control de velocidad cambia lo rápido que se hace el té y sube el vapor.