Tarta de limón

4,50 €

HTML + CSSLiquid Glass

Cloche en verre de pâtisserie

Une tarte sous une cloche en verre dont le bord épais dévie la lumière ; soulevée, elle bondit et la vapeur s’élève.

Réglages

16px
1x

Code

<div class="uvq11-clo"><div class="sn"><i class="ft"></i><i class="sm"></i><i class="pl"></i><span class="tt"><i class="sd"></i><i class="tp"></i><i class="mr" style="left:0.5em;top:0.05em"></i><i class="mr" style="left:1.7em;top:-0.25em"></i><i class="mr" style="left:3em;top:-0.35em"></i><i class="mr" style="left:4.3em;top:-0.2em"></i><i class="mr" style="left:5.4em;top:0.1em"></i><i class="lm"></i></span><span class="vp" aria-hidden="true"><i></i><i></i><i></i></span><button type="button" class="dm" aria-pressed="false" aria-label="Soulever la cloche"><i class="kn"></i></button></div><div class="lb"><p class="nm">Tarte au citron</p><p class="pr">4,50 €</p><button type="button" class="ch" aria-pressed="false">Soulever</button></div></div>

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.

Version Markdown avec tout le code, pour les assistants IA

Plus dans Liquid Glass

Voir tout : Liquid Glass

Où l’utiliser

Une vitrine de pâtisserie en CSS pur : une tarte au citron meringuée sur un présentoir en porcelaine, couverte d’une cloche en verre. Le dôme combine un léger flou d’arrière-plan, un flou plus fort masqué sur les bords pour imiter l’épaisseur du verre et un long reflet. Quand on la soulève, la cloche bascule avec un ressort et la vapeur monte.

Changez le nom et le prix pour une carte, une fiche produit ou une recette, et recolorez la garniture et le mur. La cloche comme le bouton la soulèvent, et Échap la repose.