CSS Box Shadow Generator
Design soft, sharp or layered shadows and copy the CSS.
Preview
● Your files are processed locally in your browser and are not uploaded to our servers.
How it works
The four lengths control the offset, blur radius and spread. “Layered” stacks three progressively larger, lighter shadows, which looks more natural than a single blurry one.
FAQ
box-shadow or drop-shadow?
box-shadow follows the element's box. filter: drop-shadow() follows the transparent shape of images.