CSS Shadow Generator
Adjust offset, blur, spread, color and inset with a live preview, then copy the box-shadow CSS. In-browser.
CSS
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);Advertisement
About this tool
Design CSS box-shadows visually with sliders for offset, blur, spread and color, then copy the code.
Common use cases
- Craft a card or button shadow
- Match a shadow from a design
- Experiment with inset shadows