Welcome to SyntaxShift! Explore developer tools, code converters, and more.

Box Shadow Generator

Properties

Horizontal Offset: 0px0px

Vertical Offset: 4px4px

Blur Radius: 8px8px

Spread Radius: 0px0px

Opacity: 25%25%

Border Radius: 4px4px

Inset Shadow

Shadow Color:

Box Color:

Background Color:

Presets

Shadow Box

Generated CSS

box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);

CSS with Vendor Prefixes

-webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);