CSS Shadow Effects

The CSS text-shadow property applies a shadow to text.

In its simplest use, you only specify the horizontal and the vertical shadow.

In addition, you can add a shadow color and blur effect.

Then, add a blur effect to the shadow:

The following example shows a white text with black shadow:

The following example shows a red neon glow shadow:

To add more than one shadow to the text, you can add a comma-separated list of shadows.

The following example shows a red and blue neon glow shadow:

The following example shows a white text with black, blue, and darkblue shadow:

You can also use the text-shadow property to create a plain border around some text (without shadows):