Modal Overlay
Interactive Modal with Blurred Backdrop
Light Blur Overlay
Light blur
Subtle backdrop effect
Strong Blur Overlay
Strong blur
Heavy backdrop effect
Create modal dialogs with blurred backdrop overlays using backdrop-filter.
/* Backdrop overlay */
backdrop-filter: blur(10px);
background-color: rgba(0, 0, 0, 0.3);
/* Creates a blurred modal backdrop */Light blur
Subtle backdrop effect
Strong blur
Heavy backdrop effect