Glassmorphismus CSS-Generator

Mattglas-UI-Effekte mit backdrop-filter Weichzeichnung, Transparenz und dezenten Randern generieren.

Controls
Preview
Preview
CSS Code
/* Select controls above */

Haufig gestellte Fragen

Was ist Glassmorphismus?

Glassmorphismus ist ein Design-Trend, der Mattglas-Effekte durch Hintergrund-Weichzeichnung, Transparenz und dezente Rander fur einen durchscheinenden Look erzeugt.

Wird backdrop-filter uberall unterstutzt?

backdrop-filter wird in allen modernen Browsern unterstutzt. Das -webkit-Prafix ist fur Safari-Kompatibilitat enthalten.

Was macht guten Glassmorphismus aus?

Verwenden Sie dezente Opazitat (0,1-0,3), moderate Weichzeichnung (8-16px), einen dunnen halbtransparenten Rahmen und einen farbigen Hintergrund hinter dem Glaselement.