Opacity Backdrop Filter
Light Opacity (0.3)
30% opacity
Background mostly visible
Medium Opacity (0.6)
60% opacity
Balanced visibility
High Opacity (0.8)
80% opacity
Background less visible
Full Opacity (1.0)
100% opacity
Background fully opaque
Learn how backdrop-filter opacity adjusts the opacity of the background behind an element.
backdrop-filter: opacity(0.6);
/* Values: 0 (transparent) to 1 (opaque) */
/* Adjusts the opacity of the background */30% opacity
Background mostly visible
60% opacity
Balanced visibility
80% opacity
Background less visible
100% opacity
Background fully opaque