Box Shadow Generator
Generate CSS box shadows visually
Generators
Instant results
box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.1);Layer 1
Layer 2
About Box Shadow
CSS box-shadow adds shadow effects around an element. You can stack multiple shadows, use inset for inner shadows, and control offset, blur, spread, and color for each layer.