Web
Box Shadow Generator
Create and customize CSS box shadows visually and copy ready-to-use code.
Settings
Tune layered shadows, choose a shape, and copy CSS immediately.
Presets
Ready-made options for cards, glass, soft shadows, and deep shadows.
CSS
Ready code with prefixes and the final property.
-webkit-box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.15);