▢

Glassmorphism-Generator

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

Deine Dateien bleiben auf diesem Gerät

Dateien werden im Browser verarbeitet, nie hochgeladen. Die Website lädt den benötigten Code und die Ressourcen herunter. Ohne Konto und Tracker.

Speichere dieses Tool über Herunterladen als einzelne HTML-Datei zur Offline-Nutzung.

blur: 10px

transparency: 0.25

saturation: 180%

tint

Ergebnis

Ausgabe

Ü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.

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.