Skip to content

Text Shadow Generator

That helps users create and customize text shadows for websites.


shadow text
text-shadow: 27px -39px 3px rgba(0, 0, 0, 1);

What is CSS Text Shadow Generator?

The CSS text-shadow property adds a shadow behind text. It can make text stand out from a busy background or give headings a glowing or embossed look.

What this tool does

Lets you set the horizontal and vertical offset, blur and color of a text shadow, shows a live preview and gives you the CSS to copy.

How to use it

  1. Adjust the offsets and blur.
  2. Choose a shadow color.
  3. Copy the generated CSS.

Did you know?

  • Unlike box-shadow, text-shadow has no spread value.
  • A shadow with no offset and a larger blur creates a glow around the letters.

More tools in this category