Box Shadow Generator

Tailwind Shadows

Create beautiful box shadows visually — get CSS and Tailwind code instantly

🎨

Presets:SubtleMediumLargeSharpFloatingDreamyNeon

Live Preview

Generated Code

CSS

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

Tailwind CSS

shadow-[0px_4px_6px_-1px_rgba(0,0,0,0.25)]

Shadow Layer 1

Inset

Horizontal Offset0px

Vertical Offset4px

Blur Radius6px

Spread Radius-1px

Shadow Color#000000

Opacity25%

How to Use