Verarbeitung direkt im Browser — Ihre Dateien verlassen das Gerät nicht.
Kostenlos, ohne Registrierung, Konto oder Nutzungslimits.
Funktioniert in jedem modernen Browser, auch mobil.
About this tool
CSS Glassmorphismus-Effekt Generator unterstützt Designer und Frontend-Entwickler bei der Herstellung moderner UI-Komponenten aus gefrorenem Glas mit CSS-Hintergrundfilter, Randtransluzenz und Tiefenschatten.
How to use
Passen Sie Unschärferadius, Trübung, Randbreite und Randtrübung an.
Testen Sie die frostierte Karte über bunte Mesh-Gradienten und dunkle Hintergründe.
Passen Sie die Basiskartenfarbe und den Randradius an.
Klicken Sie auf Kopieren von CSS, um die browserübergreifenden Hintergrundfilterregeln zu kopieren.
FAQ
Funktioniert dieses CSS auf Safari und mobilen Browsern?
Ja! Die Ausgabe enthält sowohl Hintergrundfilter- als auch Webkit-Backdrop-Filter-Vendor-Präfixe für volle Safari-, iOS- und Chromium-Unterstützung.
Was ist Glasmorphismus?
Glassmorphismus ist ein UI-Designtrend, der sich durch Hintergrundunschärfe, halbtransparente geschichtete Oberflächen, subtile Grenzen und lebhaften Hintergrundkontrast auszeichnet.