The dimmed, semi-transparent layer placed over a page to darken the background when a modal or drawer opens, keeping focus on the panel in front.
Synonyms
Related terms
In plain words
- the grey layer that dims the page behind a pop-up
- the dark see-through overlay behind a menu
Usage example
When the menu drawer opened, a scrim darkened the rest of the screen so it couldn't be tapped.
Don't confuse with…
- modalThe modal is the window in front; the scrim is the dimmed layer behind it that blocks the page.
- overlay"Overlay" is any layer on top of content; a scrim is specifically the dimming layer used to de-emphasize the background.
Categories
- Overlays & containers