Concept

text-shadow is a CSS property that allows you to add shadow effects to text.

text-shadow has 4 properties (from left to right):

• Vertical axis position
• Horizontal position
• Blur of shadow
• Color

How to use

Example

HTML

<h1>Hello</h1>

CSS

h1 {
  text-shadow: 2px 2px 4px #000000;
}

Result:

In this example, we apply shadow to the <h1> element with a value of 2px for the horizontal offset and vertical offset, 4px for the blur of the shadow, and #000000 for the color (black). You can customize these values to create different effects.

Experience