Tubos de ensayo de sabores
Una gradilla de laboratorio: cada sabor que eliges llena su tubo de ensayo de color con burbujas que suben.
Ajustes
Código
<fieldset class="uvq05-tt"><legend>Sabores</legend><div class="rk"><label style="--l:#ff4d6d"><input type="checkbox" checked><span class="tb" aria-hidden="true"><i class="lq"></i><i class="bu"></i></span><span class="nm">Fresa</span></label><label style="--l:#2ec4b6"><input type="checkbox"><span class="tb" aria-hidden="true"><i class="lq"></i><i class="bu"></i></span><span class="nm">Menta</span></label><label style="--l:#ffb703"><input type="checkbox"><span class="tb" aria-hidden="true"><i class="lq"></i><i class="bu"></i></span><span class="nm">Mango</span></label><label style="--l:#5a4fcf"><input type="checkbox" checked><span class="tb" aria-hidden="true"><i class="lq"></i><i class="bu"></i></span><span class="nm">Arándano</span></label><label style="--l:#9bc53d"><input type="checkbox"><span class="tb" aria-hidden="true"><i class="lq"></i><i class="bu"></i></span><span class="nm">Pistacho</span></label><i class="bar" aria-hidden="true"></i></div><p class="ct"><span>Sabores elegidos:</span> <span class="n"></span></p></fieldset>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Filtros
Ver todos: FiltrosDónde usarlo
Las heladerías, las coctelerías y las marcas de bebidas pueden convertir un filtro de sabores en un pequeño experimento. Cada opción es un tubo de ensayo de cristal en una gradilla de acero, dibujado con degradados CSS, y al marcarlo sube un líquido de color con menisco y un hilo de burbujas. Los nombres van debajo y un contador lleva la cuenta.
El primer color pinta la gradilla y el segundo tiñe el cristal. Define el color de cada líquido en el marcado, cambia sabores por aromas o ingredientes y deja cinco o seis tubos para que la gradilla quepa en el móvil.