Box Shadow Generator

Create custom CSS box shadows with a visual editor.

css

box shadow

design

visual

generator

Shadow Settings

Horizontal Offset5px

Vertical Offset5px

Blur Radius10px

Spread Radius0px

Opacity25px

Shadow Color

Preview

CSS Code

box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.25);

About this tool

Design beautiful CSS box shadows with an intuitive visual editor. Adjust horizontal and vertical offset, blur, spread, color, and opacity. Copy the generated CSS code instantly.