Text Shadow Generator

Adjust offset, blur, and color with sliders and a live text preview, then copy the generated text-shadow CSS.

Shadow Text

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

Example input

x:2 y:2 blur:4

Example output

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