How to Use
- 1
Use the sliders to adjust horizontal offset, vertical offset, blur radius, and spread radius.
- 2
Pick a shadow color and opacity. Toggle "Inset" for inner shadows. Add multiple shadow layers.
- 3
Copy the generated CSS box-shadow code and paste it into your stylesheet.
Frequently Asked Questions
Can I add multiple shadow layers? ▼
Yes. Click "Add Layer" to stack multiple shadows. Multi-layer shadows create depth effects and glows. Each layer can have different settings.
What is the spread radius? ▼
The spread radius expands or contracts the shadow beyond the blur. Positive values make the shadow larger than the element; negative values make it smaller.
What is an inset shadow? ▼
An inset shadow is cast inside the element rather than outside, creating a pressed-in or sunken appearance. Useful for input fields and buttons.