CSS-Glasmorphismus erstellen

Gestalte einen Milchglas-Effekt mit Hintergrundunschärfe, Transparenz, Rand und Farbe und kopiere den CSS-Code

Bild- und Design-Tools Kostenlos

Glaseffekt anpassen

Hintergrundunschärfe: 10px
Glass Opacity: 0.25
Eckenradius: 16px
Live-Vorschau
Erzeugte CSS-Stile

Über dieses Tool

CSS-Glasmorphismus erstellen

Gestalte einen Milchglas-Effekt mit Hintergrundunschärfe, Transparenz, Rand und Farbe und kopiere den CSS-Code.

So funktioniert es

Gib die erforderlichen Werte oder Texte ein, passe die Optionen an und prüfe das Ergebnis vor dem Kopieren oder Herunterladen. Beachte Einheiten und Annahmen, wenn du das Ergebnis für wichtige Entscheidungen verwendest.