Tarta de limón

4,50 €

HTML + CSSLiquid Glass

Cúpula de cristal de pastelería

Una tarta bajo una campana de vidrio con cantos que refractan; al levantarla sube con muelle y sale el vapor.

Ajustes

16px
1x

Código

<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="Levantar la cúpula"><i class="kn"></i></button></div><div class="lb"><p class="nm">Tarta de limón</p><p class="pr">4,50 €</p><button type="button" class="ch" aria-pressed="false">Levantar</button></div></div>

Prompt para IA

Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.

Versión Markdown con todo el código, para asistentes de IA

Más en Liquid Glass

Ver todos: Liquid Glass

Dónde usarlo

Un expositor de pastelería en CSS puro: una tarta de limón con merengue sobre un pie de porcelana, tapada con una campana de vidrio. La cúpula usa un desenfoque de fondo leve, otro más fuerte enmascarado en los bordes para simular el canto grueso y un reflejo largo. Al levantarla, el cristal se inclina con muelle y sube el vapor.

Cambia el nombre y el precio para una carta, una ficha de tienda o una receta, y repinta el relleno y la pared. Tanto la cúpula como el botón la levantan, y Escape la vuelve a bajar.