Text Shadow

The text-shadow property adds shadow to text.

In its simplest use, you only specify the horizontal shadow (2px) and the vertical shadow (2px):

Example

Output :

Next, add a color (blue) to the shadow:

Example

Output :

Then, add a blur effect (5px) to the shadow:

Example

Output :

More Text Shadow Examples

Example

Output :

Example

Output :

---