Tubes à essai de saveurs
Un portoir de laboratoire : chaque saveur choisie remplit son tube à essai d'un liquide coloré aux bulles montantes.
Réglages
Code
<fieldset class="uvq05-tt"><legend>Saveurs</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">Fraise</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">Menthe</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">Mangue</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">Myrtille</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">Pistache</span></label><i class="bar" aria-hidden="true"></i></div><p class="ct"><span>Saveurs choisies :</span> <span class="n"></span></p></fieldset>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Filtres
Voir tout : FiltresOù l’utiliser
Les glaciers, les bars à cocktails et les marques de boissons peuvent faire d'un filtre de saveurs une petite expérience. Chaque option est un tube à essai en verre sur un portoir en acier, dessiné avec des dégradés CSS, et le cocher fait monter un liquide coloré avec ménisque et un filet de bulles. Les noms sont dessous et un compteur suit le choix.
La première couleur peint le portoir et la seconde teinte le verre. Définis la couleur de chaque liquide dans le balisage, remplace les saveurs par des parfums ou des ingrédients et garde cinq ou six tubes pour tenir sur mobile.