CSS box-shadow generator
Set the offset, blur, spread, colour and opacity of a shadow and copy the box-shadow. "Layered" builds three shadows of growing size — softer, closer to how a real shadow falls.
- Out
- CSS
Waiting for input
Runs in this tab. The text is not sent anywhere.
Related
Questions
What is spread?
It grows (positive) or shrinks (negative) the shadow before blurring. A negative spread with a larger blur gives the soft "lifted card" look.