Frequently Asked Questions
What can this CSS box shadow generator do?
This is a visual CSS box-shadow code generator. Use sliders to adjust shadow X/Y offset, blur radius, spread radius, color and opacity. Choose between outer shadow and inset shadow, add multiple shadow layers, preview in real-time, and copy the generated CSS with one click.
What do box-shadow parameters mean?
CSS box-shadow syntax: box-shadow: offset-x offset-y blur-radius spread-radius color inset. offset-x/y controls horizontal/vertical offset; blur-radius controls the blur amount; spread-radius controls shadow expansion; color sets the shadow color; the optional inset keyword creates an inner shadow.
Can I add multiple shadow layers?
Yes! Click 'Add Layer' to add new shadow layers. CSS supports comma-separated multiple box-shadow values for layered effects. Each layer can be independently adjusted for complex designs.
Is this tool free to use?
Yes, completely free. All processing happens locally in your browser — no signup, no limits. Use the generated CSS code in any project (personal or commercial) without attribution.