UTILS.
100 % im Browser

Glassmorphism-Generator

Erstelle CSS für Milchglas-Karten mit Blur, Transparenz, Sättigung und einer Tönungsfarbe.

Über dieses Tool

Passe Blur, Transparenz, Sättigung und Tönung an, um eine Milchglas-Karte zu gestalten und ihr CSS zu kopieren, alles in deinem Browser.

Häufig gestellte Fragen

Warum liegt die Vorschau auf einem Farbverlauf?
Glassmorphism setzt einen farbigen Hintergrund voraus, damit Blur und Transparenz hinter der Karte sichtbar werden.
Was bewirkt backdrop-filter?
Es blurt und sättigt alles, was hinter dem Element liegt, um den Milchglas-Effekt zu erzeugen.

Weitere Tools