whysogood
Search tools…
/
Images
PDF
Developer
Data
Calculators
Simple Mode
💻
Home
Design
CSS Shadow Generator
CSS Shadow Generator
Generate box-shadow CSS with visual controls.
Advertisement
You may also need
CSS Gradient Generator
Build linear and radial CSS gradients with a live preview.
Glassmorphism Generator
Generate glassmorphism CSS effects with backdrop blur.
Share Feedback
Your ideas help us improve ✨
Priority
Could have
Your suggestion
0 chars
Send Feedback
Layer 1
X Offset (0px)
Y Offset (4px)
Blur (12px)
Spread (0px)
Opacity (0.1)
Inset
Add Layer
box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
Copy CSS