Box Shadow Generator

Box Shadow Generator
🌗

Box Shadow Generator

Design and export CSS box shadows visually

Shadow Properties

Horizontal Offset0px
Vertical Offset10px
Blur Radius20px
Spread0px

Color & Style

Color
Opacity25%

🎯 Presets

box-shadow: 0px 10px 20px 0px rgba(26, 26, 46, 0.25);
💡 Tip: Soft, large blur with low opacity creates modern "floating" card effects popular in 2025-2026 designs.
Scroll to Top