Properties
- X offset: positive shifts shadow right; negative shifts left
- Y offset: positive shifts shadow down; negative shifts up
- Blur radius: larger = softer; 0 = sharp edge
- Spread: positive grows the shadow; negative shrinks it
- inset: renders shadow inside the box (used for indents)
Tips
- Multiple shadows stack top to bottom (first listed is rendered on top)
- Soft elevation:
0 25px 50px -12px rgba(0,0,0,.25) - Hard offset (neumorphic):
5px 5px 0 #000 - Stack 2 layers for depth: small/sharp on top, large/soft below