CSS Shadow Generator

Generate CSS for box shadows (outer/inner) with adjustable parameters.

Pattern

box-shadowtext-shadow

Color (#000000)

Opacity (50%)

Spread (5px)

Offset Y (10px)

Offset X (10px)

Size (0px)

Direction

OuterInner

box-shadow: 10px 10px 5px 0px #00000080;

Explanation

Generates CSS in real time from shadow parameters such as color and distance.

Pattern	Choose between box shadows (`box-shadow`) and text shadows (`text-shadow`).
Color	Sets the shadow color.
Opacity	Sets the opacity of the shadow color.
Spread	Adjusts the blur/spread amount.
Distance	Sets the X/Y offsets of the shadow. `0px` is centered.
Size	Sets the size of the shadow. Setting distance to `0px` and increasing size creates a glow-like effect.
Direction	Choose whether the shadow is outside or inset.