CSS Glassmorphism Generator & Vorschau
Design & GrafikGestalten Sie moderne Milchglas-Oberflächen mit Echtzeit-Backdrop-Filter-CSS und Tailwind-Klassen.
Glaseffekt-Einstellungen
Unschärfe (Blur)16px
Deckkraft (Opazität)%25
Rahmenbreite1px
Rahmen-Deckkraft%20
Eckenradius20px
#ffffff
ToolsApp Glass
Modern Frosted Glass
Erleben Sie makelloses Glassmorphism-Design mit Echtzeit-Hintergrundunschärfe und Lichtbrechung.
blur(16px)opacity(25%)
CSS Code
background: rgba(255, 255, 255, 0.25); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.20); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.15);
☕Unabhängige Projektförderung
Gefällt Ihnen ToolsApp? Spendieren Sie einen Kaffee
ToolsApp läuft zu 100% Client-Side im Browser – ohne Abos und ohne Datentracking. Wir glauben, dass digitale Werkzeuge für alle frei zugänglich bleiben sollten. Ihre Unterstützung hilft uns, neue nützliche Tools zu entwickeln!
100% Client-Side•Kostenlos für Alle
Wie funktioniert es?
1
Passen Sie Unschärfe und Deckkraft an
Passen Sie die Unschärfe und Transparenz des Hintergrunds genau an.
2
Testhintergründe
Vorschau über farbenfrohe, lebendige Farbverläufe.
3
CSS / Tailwind kopieren
Exportieren Sie das CSS-Snippet in Ihre Styling-Datei.
Volle PrivatsphäreAlle Berechnungen und Dateiverarbeitungen erfolgen zu 100 % lokal in Ihrem Browser über clientseitiges JavaScript.
Nutzerbewertungen & Feedback
Teilen Sie Ihre Erfahrung anonym. Automatisch von KI moderiert.
5.0
•0 BewertungenGenehmigte Bewertungen (0)
Bewertungen werden geladen...