Design
Glassmorphism-Generator
Erstelle Milchglas-CSS mit Weichzeichner, Transparenz, Tönung und Live-Vorschau Läuft auf deinem Gerät – nichts wird hochgeladen, nichts gespeichert.
12px
20%
120%
16px
1px
40%
#ffffff
Vorschau
Glassmorphism
CSS-Ausgabe
/* Glassmorphism */
background: rgba(255, 255, 255, 0.20);
border-radius: 16px;
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.18);
-webkit-backdrop-filter: blur(12px) saturate(120%);
backdrop-filter: blur(12px) saturate(120%);
border: 1px solid rgba(255, 255, 255, 0.40);
/* Fallback for browsers without backdrop-filter support */
@supports not ((-webkit-backdrop-filter: blur(2px)) or (backdrop-filter: blur(2px))) {
background: rgba(255, 255, 255, 0.60);
}Ähnliche
Über Glassmorphism-Generator
Erstelle Milchglas-CSS mit Weichzeichner, Transparenz, Tönung und Live-Vorschau
Glassmorphism-Generator ist ein kostenloses Tool aus der Kategorie Design & Visuelles auf BrowseryTools. Es läuft vollständig in deinem Browser: Was du ihm gibst, wird auf deinem eigenen Gerät verarbeitet und nie auf einen Server hochgeladen. Es gibt keine Anmeldung, keine Werbung und keine Wasserzeichen, und sobald die Seite geladen ist, funktioniert es auch ohne Verbindung weiter.