Text Shadow Generator

Use sliders to configure a CSS text-shadow. Preview it live on sample text and copy the CSS.

X offset2px

Y offset2px

Blur4px

Opacity50%

Shadow color

Background

Text Shadow

Copied!

CSS text-shadow takes horizontal offset, vertical offset, blur radius, and color. Layer multiple shadows separated by commas for neon glows, embossed effects, and long shadows.