Box Shadow Builder
Visually design CSS box-shadows with layered controls and live preview.
Presets
Shadow Layers
Layer 1
0px
4px
6px
-1px
0.10
Preview Colors
Preview
Generated CSS
.element {
box-shadow:
0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}Visually design CSS box-shadows with layered controls and live preview.
.element {
box-shadow:
0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}