Text Shadow Generator

Create CSS text-shadow effects with live preview

Configure text shadow properties

Horizontal Offset (X)2px

Vertical Offset (Y)2px

Blur Radius4px

Shadow Color

Text Color

Background Color

Sample Text

See how your text shadow looks

Sample Text

Copy this CSS to apply the text shadow

.text-shadow {
  text-shadow: 2px 2px 4px #000000;
}

1. Adjust horizontal and vertical offset for shadow position

2. Set blur radius for shadow softness

3. Choose shadow, text, and background colors

4. Copy the generated CSS and apply to your text elements