Back

Design & Assets

Box Shadow Generator

Generate CSS box-shadow values with custom offsets and blur.

Category

Design & Assets

Tags

box shadowcssdesigngenerator
More Design & Assets
Input

Box Shadow Generator

box shadowcssdesigngenerator
Quick examples
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