Box Shadow Generator
Build and preview CSS box-shadows visually with multiple layers
Shadow Layers
Layer 1 Settings
Offset X0px
Offset Y8px
Blur Radius24px
Spread Radius-4px
Opacity: 40%
Color
Presets
Preview Background
Background
Box Color
Preview
CSS Code
box-shadow: 0px 8px 24px -4px rgba(139,92,246,0.40);
Usage
CSS
box-shadow: 0px 8px 24px -4px rgba(139,92,246,0.40);
Tailwind (arbitrary value)
className="shadow-[0px 8px 24px -4px rgba(139,92,246,0.40)]"