How css box shadow generator works
CSS box-shadow uses horizontal offset, vertical offset, blur radius, spread radius and colour.
Try an example
0px 8px 24px 0px produces a downward soft shadow.
Good to know
One outer shadow, with an opaque colour. Negative blur values are invalid.
Your privacy
Processing happens on this device. We do not upload your input, put it in share links or save it to your favourites. Closing this tab discards the working input; downloaded results remain wherever you save them.