CSS Box Shadow Generator
Create CSS box shadows visually. Control offset, blur, spread, color, and opacity. Add multiple shadow layers. Copy the CSS code instantly.
Preview Settings
preview
Presets
Frequently asked
questions
The CSS box-shadow property adds one or more shadow effects to an element. Parameters are: offset-x, offset-y, blur-radius, spread-radius, color. Multiple shadows are separated by commas.
Adding the inset keyword makes the shadow appear inside the element rather than outside, creating a pressed or sunken look. Common for neumorphic or inner-glow effects.
Yes — CSS allows any number of comma-separated shadows. Use the + Add Shadow Layer button to add more layers. Shadows are rendered front to back in the order listed.