Design & Assets
Box Shadow Generator
Generate CSS box-shadow values with custom offsets and blur.
Input
Box Shadow Generator
box shadowcssdesigngenerator
Output
Box shadow CSS
Shadow
0px 12px 30px -8px rgba(17, 17, 17, 0.18)
Mode
Drop
.shadow-card {
width: min(100%, 320px);
height: 140px;
border-radius: 18px;
background: white;
color: #111827;
display: grid;
place-items: center;
box-shadow: 0px 12px 30px -8px rgba(17, 17, 17, 0.18);
}Shadow preview
Live canvas

