Other Tools

Color Picker CSS Gradient Generator PX to PT Converter PX to REM Converter PX to EM Converter SVG Online Preview Image Round Corners

Box Shadow Generator

Generate CSS box-shadow code with visual controls, supports inset/outset, opacity and live preview

Offset X

px

Offset Y

px

Blur

px

Spread

px

Opacity

%

Color

Shadow Type Inset Shadow

Preview

Shadow Preview

CSS Code

box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.15);