Glastür mit geätzter Schrift
Der Name des Cafés ins Türglas geätzt, mit einem Lichtreflex, der dem Cursor folgt; tipp auf die Tür und sie schwingt auf.
Einstellungen
Code
<div class="uvq11-etch"><button type="button" class="dr" aria-pressed="false" aria-label="Tür des Cafés öffnen"><span class="pane"><span class="et"><b>Café Norte</b><small>seit 1962</small></span><span class="gl"></span></span><span class="hdl"></span><span class="tag"><span>Geöffnet</span></span></button></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.
Mehr aus Liquid Glass
Alle ansehen: Liquid GlassWofür du ihn nutzen kannst
Eine Cafétür aus lackiertem Holz mit großer Glasscheibe und dem Namen in geätzter kursiver Serifenschrift. Die Buchstaben sind per background-clip mit einer unscharfen, aufgehellten Kopie des Innenraums gefüllt, passend zur Szene dahinter ausgerichtet, sodass sie wie Milchglas und nicht wie Farbe wirken. Ein weicher Reflex gleitet mit dem Zeiger über die Scheibe.
Trag den Namen deines Ladens ein und färbe Rahmen und warme Lampen neu. Die ganze Tür ist ein Toggle-Button, der in Perspektive aufschwingt, das Schild schaukelt dabei jedes Mal. Passt zu Restaurant-, Café- und Boutique-Websites.