backdrop-filter: blur(px)CSS-Längenmaß (px)
Steuert den Standardabweichungs-Radius der Gaußschen Faltung für Hintergrundpixel direkt unterhalb des Elements. Der empfohlene Richtwert liegt zwischen 8px und 24px; Werte über 32px verursachen erhebliche Engpässe bei der GPU-Rasterisierung (Fill-Rate) auf leistungsschwachen Mobilgeräten.
Standard: 16px
-webkit-backdrop-filter: blur(px)CSS-Vendor-Eigenschaft
Zwingend erforderliches WebKit-Herstellerpräfix für Apple Safari (iOS Safari und macOS Safari). Das Fehlen dieses Präfixes führt in Safari zum vollständigen Ausfall der Weichzeichnung, wodurch das Element lediglich als flaches, halbdurchsichtiges Polygon gerendert wird.
Standard: 16px
background: rgba(R, G, B, alpha)CSS-Farbtransparenz (Alpha)
Bestimmt die Grundtönung des Trägermaterials und die Lichtdurchlässigkeit. Der optimale Alpha-Bereich liegt bei 0,10 bis 0,35 für dunkles Glas und 0,25 bis 0,70 für helles Milchglas; Werte über 0,75 heben die optische Hintergrundbrechung auf, während Werte unter 0,08 den strukturellen Kontrast zerstören.
Standard: rgba(255, 255, 255, 0.18)
border: 1px solid rgba(255, 255, 255, alpha)CSS-Rahmenkanten-Glanzlicht
Simuliert die optische Fresnel-Kantenreflexion, bei der Glaskanten das einfallende Umgebungslicht brechen. Optimale Ergebnisse erzielt ein halbtransparenter 1px-Rahmen mit einem Alphawert zwischen 0,15 und 0,40 oder ein gerichteter linearer Farbverlauf, der von hell nach dunkel verläuft.
Standard: 1px solid rgba(255, 255, 255, 0.25)
backdrop-filter: saturate(%)CSS-Filter-Prozentsatz
Kompensiert den optischen Entsättigungseffekt der Gaußschen Weichzeichnung. Eine Erhöhung der Sättigung auf 120 % bis 180 % stellt die chromatische Brillanz wieder her und verhindert, dass weichgezeichnete Hintergründe matt, kreidig oder trüb wirken.
Standard: 140%
feTurbulence SVG-MikrorauschenSVG-Filter / Data-URI
Legt eine prozedurale fraktale Rauschkörnung über die Milchglasoberfläche. Beseitigt sichtbares 8-Bit-Farbbanding (Treppenstufen-Artefakte) in weichgezeichneten Verläufen auf Standard-sRGB-Displays und reproduziert eine haptische Acrylglas-Textur.
Standard: opacity: 0.05
