Tarta de limón
4,50 €
HTML + CSSLiquid Glass
Pastry glass dome
A tart under a glass bell whose thick rim bends the light; lift it and it springs up while steam rises.
Settings
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="Lift the dome"><i class="kn"></i></button></div><div class="lb"><p class="nm">Lemon tart</p><p class="pr">4,50 €</p><button type="button" class="ch" aria-pressed="false">Lift</button></div></div>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Liquid Glass
See all Liquid GlassWhere to use it
A bakery display in pure CSS: a lemon meringue tart on a porcelain cake stand, covered by a glass cloche. The dome uses a light backdrop blur, a stronger blur masked to its edges to fake the thick rim, and a long specular streak. Lifting it tilts the glass away on a spring and lets steam curl up.
Rename the product and price for a menu, a shop card or a recipe page, and recolor the filling and the wall. Both the dome and the button toggle it, and Escape puts the lid back.