Foundations
Elevation and effects
Glass, blur and sheen carry hierarchy. Four effect styles cover the system.
Card shadow
Drop shadow, inner highlight and 12px background blur.
Tooltip glass · 12px blur
Effect styles
| Card/Shadow | Drop shadow 0, 12, blur 32, spread −18 · inner shadow 0, 1, spread 1 · background blur 12 |
|---|---|
| Chip/Filled Effect | Inner shadow 0, 1, spread 1 · background blur 4 |
| Toggle/Glass | Glass effect |
| Toggle/Active Shadow | Glass plus drop shadow 0, 2, blur 8, spread −1 |
| Dialog and Backdrop | 28px background blur; scrim at 55% (dark) or 60% (light) |
| FAB | Drop shadow Y 6, blur 16 |