Box Shadow Generator

Create beautiful CSS box shadows with live preview. Customize and copy the CSS code instantly.

Live Preview

CSS Code

box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3);

Inset Shadow

Horizontal Offset: 0px

Vertical Offset: 10px

Blur Radius: 20px

Spread Radius: 0px

Opacity: 30%

Shadow Color

#000000

See shadow changes in real-time

One-click copy ready-to-use code

Quick start with popular shadow styles

CSS Box Shadow Generator - Create Beautiful Shadows | ToolMaster