Shadow Maker

Create beautiful, customizable shadows with intuitive controls. Export as CSS or Tailwind utility classes for your projects.

CSS

Manual CSS

box-shadow: 12px 24px 48px 0px rgba(15, 23, 42, 0.28);

Tailwind

Utility class

shadow-[12px_24px_48px_0px_rgba(15,23,42,0.28)]

Adjust the shadow parameters

Horizontal offset

12px

Vertical offset

24px

Blur radius

48px

Spread radius

0px

Opacity

0.28

Shadow color

Preview background

Inset shadow

Push the shadow inside the element