🔠

CSS text-shadow generator

Create text shadows by adjusting the offset, blur, color, and opacity.

UtiliTools Pro

text: 2px 4px 8px rgba(15, 23, 42, 0.35);

How it works

Adjust the horizontal and vertical offsets, blur, color, and opacity. The text-shadow code updates automatically.

Frequently asked questions

Can I change the text of the preview?

Yes. You can write any text to check the shadow.

What code does it generate?

Generate a CSS text-shadow declaration ready to copy.