CSS box-shadow Property Reference
The CSS box-shadow property draws one or more shadows around an element frame.
Updated 2026-08-07
Syntax and example
Each shadow can specify horizontal and vertical offsets, blur radius, spread radius, color, and whether the shadow is inset.
CSS
.card {
box-shadow: 0 8px 24px rgb(15 23 42 / 0.15);
} Multiple and inset shadows
List multiple shadows from front to back with commas. Add inset to paint a shadow inside the element frame. Shadows follow the element’s border radius but do not affect layout.
CSS
.field {
box-shadow:
0 1px 2px rgb(15 23 42 / 0.12),
0 0 0 3px rgb(59 130 246 / 0.25),
inset 0 1px 0 rgb(255 255 255 / 0.4);
}