CSS Box Shadow Generator

Horizontal offset (px)Vertical offset (px)

Blur (px)Spread (px)

ColorOpacity (%)20%

Inset shadow

Preview

Generated CSS

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

Keep exploring

Related tools

Generate a CSS border-radius with shared or individual corner values.

Create a linear CSS gradient with editable color stops and direction.

Beautify CSS into readable, consistently indented stylesheets.

Convert text to lowercase, title case, camelCase, snake_case, and more.