Design & Grafik Heute Kostenlos

CSS Glassmorphism Generator & Vorschau

Gestalten Sie moderne Milchglas-Oberflächen mit Echtzeit-Backdrop-Filter-CSS und Tailwind-Klassen.

ArbeitsbereichDesign & Grafik

Glaseffekt-Einstellungen

Unschärfe (Blur)16px

Deckkraft (Opazität)%25

Rahmenbreite1px

Rahmen-Deckkraft%20

Eckenradius20px

Glastönungsfarbe

#ffffff

Hintergrund

ToolsApp Glass

Modernes Milchglas

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);

Maximale Leistung mit ToolsApp PRO

Keine Werbung, Unbegrenzte Stapel-Tools & PRO-Vorteile

Genießen Sie 100% werbefreies Arbeiten, unbegrenzte Stapelverarbeitung und PRO-Support für alle 250+ Tools ab nur $1.90/Monat (≈ 66,58 ₺/Monat).

Blitzschnell & Grenzenlos•100% Werbefrei•Lifetime PRO Verfügbar

Wie funktioniert es?

Passen Sie Unschärfe und Deckkraft an

Passen Sie die Unschärfe und Transparenz des Hintergrunds genau an.

Testhintergründe

Vorschau über farbenfrohe, lebendige Farbverläufe.

CSS / Tailwind kopieren

Exportieren Sie das CSS-Snippet in Ihre Styling-Datei.

Nutzerbewertungen & Feedback

Teilen Sie Ihre Erfahrung anonym. Automatisch von KI moderiert.

5.0

•0 Bewertungen

Genehmigte Bewertungen (0)

Bewertungen werden geladen...

Tipps & Tricks

•Der Glaseffekt hängt vom Hintergrund ab. Testen Sie die Textlesbarkeit über hellen und dunklen Flächen separat.