What is CSS text-shadow?

text-shadow is a CSS property that adds shadow to text. You can control the horizontal offset, vertical offset, blur radius, and color.

Can I add multiple text shadows?

Yes, this generator supports up to 5 shadow layers. Each layer can have different settings for complex effects.

Set all values of a layer to 0 and its color to transparent, or use the remove button on each layer.

टूल्स

Create CSS text shadows visually with live preview. Copy the code instantly.

Hello World

Preview Text

Text Color

Background

Font Size48px

Layer 1

X Offset2px

Y Offset2px

Blur4px

Color

Opacity50%