Tarta de limón

4,50 €

HTML + CSSLiquid Glass

Glashaube in der Konditorei

Eine Tarte unter einer Glashaube, deren dicker Rand das Licht bricht; angehoben federt sie hoch und Dampf steigt auf.

Einstellungen

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="Glashaube anheben"><i class="kn"></i></button></div><div class="lb"><p class="nm">Zitronentarte</p><p class="pr">4,50 €</p><button type="button" class="ch" aria-pressed="false">Anheben</button></div></div>

Prompt für KI

Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.

Markdown-Version mit dem ganzen Code, für KI-Assistenten

Mehr aus Liquid Glass

Alle ansehen: Liquid Glass

Wofür du ihn nutzen kannst

Eine Konditorei-Vitrine in reinem CSS: eine Zitronen-Baiser-Tarte auf einer Porzellan-Etagere unter einer Glashaube. Die Haube nutzt einen leichten Backdrop-Blur, einen stärkeren, an den Rändern maskierten Blur für den dicken Glasrand und einen langen Glanzstreifen. Beim Anheben kippt das Glas federnd zur Seite und Dampf kringelt sich nach oben.

Ändere Produktname und Preis für eine Speisekarte, eine Shopkarte oder ein Rezept und färbe Füllung und Wand neu. Haube und Button schalten beide um, Escape setzt den Deckel wieder auf.