CSS Box-Shadow Generator

Create beautiful and customizable box shadows for your web elements with real-time preview.

Horizontal Offset (px):

Vertical Offset (px):

Blur Radius (px):

Spread Radius (px):

Shadow Color:

Shadow Opacity (%): 20%

Inset Shadow:

Border Radius (px):

Box Background Color:

Shadow Box

CSS

HTML

Adjust properties to generate CSS box-shadow code.

Adjust properties to generate HTML/CSS for box-shadow.

Copied!