Box Shadow adds depth to elements by projecting a customizable shadow behind them. It's a key part of modern web design.

What is Glassmorphism?

Glassmorphism is a UI trend that creates a frosted-glass effect using background blur and translucent colors.

✨ CSS Settings Generator

Visually construct complex Box Shadows, Border Radiuses, and Glassmorphism effects

Horizontal Offset (X)0px

Vertical Offset (Y)10px

Blur Radius15px

Spread Radius-3px

Color (RGBA/HEX)

Inset (Inner Shadow)

Preview

CSS Output

box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.5);