CSS Text Shadow Generator

Generate CSS text-shadow visually with multiple shadow layers.

Font Size48px
Shadow 1
Offset X2px
Offset Y2px
Blur4px
Opacity0.5
Color
Preview
Sample Text
CSS Code
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);

How to Use

Enter your preview text and adjust the font size slider. Use the sliders for offset X/Y, blur, and opacity to shape your text shadow. Pick a shadow color using the color picker. Add more shadow layers for complex effects like glows or outlines. The live preview shows your shadow in real time. Copy the CSS when ready.

FAQ

Related Tools