Effekt · Component 26

Glass Panel

Blur, Kantenlicht und Transluzenz – echtes Glas über bewegten Farbfeldern.

◐

Blur 18 px

Hintergrund wird stark weichgezeichnet, Text bleibt durch den Kontrast lesbar.

backdrop-filterborder 1px
◑

Kantenlicht

Ein heller Verlauf oben erzeugt den Lichtkanten-Effekt echter Glasscheiben – zusammen mit dem inneren Schatten wirkt die Fläche dreidimensional.

Transmission92 %
Rauheit4 %
Dicke8 mm
◒

Hover-Lift

Beim Überfahren hebt sich die Scheibe, der Glanz wandert mit.

Live gerendert mit reinem CSS 60 fps