Box Shadow Generator
Visually build CSS box shadows with live preview and copy.
Shadow Parameters
Adjust offsets, blur & spread
Horizontal Offset
0pxVertical Offset
10pxBlur Radius
25pxSpread Radius
-5pxPreview Component
CSS Stylesheet Result
.shadow-effect {
box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.1);
}
box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.1);
}
Workspace
Box Shadow Generator