Set each corner's radius in pixels and copy the four-value CSS border-radius
CSS Box-Shadow Builder
Runs locally
Use CSS Box-Shadow Builder
What it does
Adjust a shadow's X and Y offset, blur, spread, color and opacity, or make it inset; the preview and the box-shadow code update as you type.
It runs entirely in your browser: nothing you enter is uploaded.
Example
Softer shadow
48box-shadow: 4px 8px 48px 0px rgba(0,0,0,0.4);Sets the blur to 48 px: box-shadow: 4px 8px 48px 0px rgba(0,0,0,0.4);
FAQ
Can I build layered shadows?
No, it makes one shadow at a time. To stack several, build each one and join them with commas in your CSS.
How are color and opacity written?
The picked color and the opacity percentage are combined into rgba(), for example rgba(0,0,0,0.4) for black at 40%. Offsets, blur and spread are in pixels.
Is anything uploaded?
No. The CSS is generated and previewed in your browser.