Backdrop
Also called: scrim, overlay, dimmer.
The dark, see-through layer behind a pop-up. It dims (and often blurs) the page, so the pop-up stands out and the page can't be clicked.
The backdrop is the dark, see-through layer behind a pop-up. It dims and blurs the page so the pop-up stands out.
Off
Say it in a prompt
Behind the pop-up, add a backdrop: black at 55% opacity with a 3px blur of the page behind it. Clicking the backdrop closes the pop-up. Seen on
- Apple iPhone: When a feature window opens, the page behind it is covered and blurred.
- Cerebrium: While the Use cases menu is open, the page behind it goes blurry.
You might describe it as
- the page behind the popup goes blurry
- dark layer behind the window
- screen gets darker when something opens
Not to be confused with
- Modal
The backdrop is the dark layer behind; the modal is the box on top.