Design
Box Shadow Generator
Craft beautiful CSS box-shadows with a live preview. Copy the CSS, ship the shadow.
Frequently asked questions
What is box-shadow?
A CSS property that adds shadow effects around an element’s frame. You can stack multiple shadows for depth.
What’s “inset”?
Inset shadows appear inside the element instead of outside. Great for pressed buttons and inset borders.