CSS Box Shadow Generator
Design multi-layer box shadows visually with horizontal/vertical offsets, blur, spread, and inset controls.
box-shadow: 0px 10px 25px -5px rgba(0,0,0,0.15);
How to Use CSS Box Shadow Generator
Adjust horizontal offset, vertical offset, blur, and spread sliders.
Pick shadow color and opacity.
Copy the CSS box-shadow property.
Frequently Asked Questions
Does it support inset shadows?
Yes, toggle the 'Inset' checkbox for inner shadows.
Related Developer Tools
Explore more free client-side developer utilities in this category
Color Picker
Interactive color picker with HEX, RGB, HSL, and CMYK color code converters.
HEX to RGB Converter
Convert 3-digit and 6-digit HEX color codes into standard rgb() and rgba() formats.
RGB to HEX Converter
Convert red, green, and blue values (0-255) into standard CSS hexadecimal codes.
Gradient Generator
Generate beautiful CSS linear and radial gradients with custom color stops and angle controls.
Glassmorphism Design Generator
Advanced Frosted Glassmorphism Studio: optical backdrop-blur, saturation boost, multi-tinted frosted glass, specular border reflections, floating background scenes, with standard CSS and Tailwind classes.
Neumorphism Design Generator
Advanced Soft UI generator: dynamic 4-way light angles, concave/convex gradients, pressed states, with CSS & Tailwind classes.