🌑

CSS Box Shadow Generator

Visually create multi-layer box shadows with live preview and copy-ready CSS.

Presets

Shadow Layers

Horizontal Offset5px
Vertical Offset5px
Blur Radius15px
Spread Radius0px
#000000
Opacity30%

Preview

Generated CSS

box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.30);

You might also like

⬜

Border Radius Generator

Generate CSS border-radius with visual editor

✂️

Clip Path Generator

Create CSS clip-path shapes visually

📸

Code Screenshot

Turn code into beautiful screenshots like carbon.now.sh

🗜️

Image Compressor

Reduce image file size without losing quality