Box Shadow
Box Shadow. Use Box Shadow on your input. Configure Base color, Horizontal offset (px), Vertical offset (px) and inspect the result before copying it.
Appearance and output
Runs in this browserResult
Set the inputs and run the tool to view the result.
How to use Box Shadow
- Review the populated example and the input units, then replace it with your data.
- Use Box Shadow on your input. Configure Base color, Horizontal offset (px), Vertical offset (px) and inspect the result before copying it.
- Run the tool, inspect the result, then copy or download what you need.
Method and scope
Use Box Shadow on your input. Configure Base color, Horizontal offset (px), Vertical offset (px) and inspect the result before copying it.
Edit the example or paste your own content.
Input example
Base color: #0d6e9b Horizontal offset (px): 4 Vertical offset (px): 8 Blur radius (px): 16 Spread radius (px): 0
Questions and result checks
How does Box Shadow determine the result?
Use Box Shadow on your input. Configure Base color, Horizontal offset (px), Vertical offset (px) and inspect the result before copying it.
What should I check before processing?
Edit the example or paste your own content.
How can I verify the output?
Use the supplied example as a check, then compare important results with the original source or business document.
Base color: #0d6e9b Horizontal offset (px): 4 Vertical offset (px): 8 Blur radius (px): 16 Spread radius (px): 0
Related tools
Gradient CSS
Use Gradient CSS on your input. Configure Base color, Second color, Gradient angle (°) and inspect the result before copying it.
Design & ColorsText · Shadow
Use Text · Shadow on your input. Configure Base color, Horizontal offset (px), Vertical offset (px) and inspect the result before copying it.
Design & ColorsBorder Radius
Use Border Radius on your input. Configure Top-left radius (px), Top-right radius (px), Bottom-right radius (px) and inspect the result before copying it.
Design & ColorsCSS · Filter
Use CSS · Filter on your input. Configure Brightness (%), Contrast change from 100% (%), Grayscale (%) and inspect the result before copying it.
Design & ColorsFavicon Preview
Use Favicon Preview on your input. Configure Base color, Second color, Icon text and inspect the result before copying it.
Design & ColorsColors · Convert
Use Colors · Convert on your input. Configure Base color and inspect the result before copying it.