Developer
CSS Box Shadow Generator
Build a CSS box-shadow declaration from visual values.
Enter your details
How to use the CSS Box Shadow Generator
- Enter horizontal offset (px), vertical offset (px), blur (px), spread (px), shadow color in the form above.
- Select Calculate to process your input.
- Review the result. Copy or download it if the tool offers that action.
What this tool does
Build a CSS box-shadow declaration from visual values. This page processes the values in your browser for this tool. Check that units and values match your situation before using the result elsewhere.