HTML + CSSLiquid Glass

Schiebewand aus Riffelglas

Eine Riffelglas-Wand, die das Wohnzimmer in gespiegelte Streifen teilt; schieb sie am Griff und sie gleitet aus.

Einstellungen

16px
1x
0.42

Code

<div class="uvq11-reed" style="--px:2em"><div class="sc" aria-hidden="true"></div><div class="pn"><div class="fl" aria-hidden="true"><span style="--i:0"><i></i></span><span style="--i:1"><i></i></span><span style="--i:2"><i></i></span><span style="--i:3"><i></i></span><span style="--i:4"><i></i></span><span style="--i:5"><i></i></span><span style="--i:6"><i></i></span><span style="--i:7"><i></i></span><span style="--i:8"><i></i></span><span style="--i:9"><i></i></span><span style="--i:10"><i></i></span><span style="--i:11"><i></i></span><span style="--i:12"><i></i></span><span style="--i:13"><i></i></span><span style="--i:14"><i></i></span><span style="--i:15"><i></i></span><span style="--i:16"><i></i></span><span style="--i:17"><i></i></span><span style="--i:18"><i></i></span><span style="--i:19"><i></i></span></div><span class="fr" aria-hidden="true"></span><span class="hd" role="slider" tabindex="0" aria-label="Glasschiebetür" aria-valuemin="0" aria-valuemax="100" aria-valuenow="20" aria-valuetext="20 %"></span></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

Riffelglas, der aktuelle Interior-Trend, nachgebaut in CSS. Die Wand besteht aus zwanzig schmalen Streifen, jeder mit einer Kopie des Raums, gestaucht und um die eigene Mitte gespiegelt, sodass Lampe und Pflanzen in Bänder zerfallen wie hinter echtem geriffeltem Glas. Ein wiederholtes Glanzlicht gibt jeder Rille ihre runde Form.

Zieh die Wand oder nutze den Griff als Slider mit den Pfeiltasten; mit Schwung losgelassen gleitet sie weiter und federt an den Enden sanft zurück. Ändere die Stauchung der Rillen sowie Lampen- und Pflanzenfarbe für Interior-, Hotel- oder Architekturseiten.