Text Shadow Generator

Build a text-shadow declaration with live preview. Adjust offset, blur, and color to style headings and display text.

Shadow

Offset X0px

Offset Y2px

Blur4px

Color

Opacity35%

Live preview of the CSS you are building. Adjust the controls to see changes instantly.

Preview Text

Copy the declaration into your stylesheet or inline style attribute.

text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35);