How to use the box shadow generator
- Adjust offset, blur and spread.
- Pick a colour and opacity.
- Copy the box-shadow line.
Natural-looking shadows
Real shadows are soft and slightly tinted. A large blur with a negative spread, low opacity and a hint of colour from your design looks more natural than solid black. A second, tight shadow adds a crisp edge, which is what the “soft second layer” option does.
Examples
A soft card shadow
A pressed-in look