CSS box-shadow generator

Build a CSS box-shadow from offset, blur, spread and color. Ready code, free in your browser.

Offset X

Offset Y

Blur

Spread

Color

CSS code

CSS box-shadow generator

Configure CSS shadow parameters: X and Y offsets, blur, spread and color. The tool instantly builds a ready box-shadow string for your CSS. Everything runs locally in your browser — your data is never sent anywhere.