Fenster mit Regentropfen
Regentropfen rinnen über die Scheibe und verbinden sich, jeder zeigt die Stadt kopfüber wie eine winzige Linse.
Einstellungen
Code
<div class="uvq11-rain"><div class="bg" aria-hidden="true"><span class="ne">24 h geöffnet</span></div><div class="gl" aria-hidden="true"></div><button type="button" class="ch" aria-pressed="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 15a4 4 0 0 1 .5-8 5.5 5.5 0 0 1 10.5 1.5A3.5 3.5 0 0 1 17.5 15"/><path d="M9 18l-1 2M13 18l-1 2M17 18l-1 2"/></svg>Regen</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
Ein nächtliches Fenster im Regen aus HTML, CSS und einem kurzen Skript. Die Stadt dahinter ist ein weiches Bokeh aus Verläufen, und jeder Tropfen trägt eine umgedrehte Kopie davon, so wie echte Wasserlinsen. Schwere Tropfen rutschen, halten an, verschmelzen und ziehen eine Spur. Passt zu Wetter-Apps, stimmungsvollen Landingpages und Musikplayern.
Ändere die beiden Hauptfarben, um Neonlichter und Schild neu einzufärben, und trage im Text den Namen deiner Bar oder deines Ladens ein. Ein Tipp auf die Scheibe setzt einen dicken Tropfen, der Button pausiert den Regen.