CSS text-shadow


CSS text-shadow is a powerful feature of CSS that allows you to add shadows to text on web pages. It is a great way to add depth and dimension to your text, making it stand out from the rest of the page. It can also be used to create interesting effects, such as 3D text.

The text-shadow property is part of the CSS3 specification, and is supported by all modern browsers. It is a relatively simple property to use and can be used to create a wide variety of effects.

The text-shadow property adds a shadow to the text. It accepts a comma-separated list of shadows to be applied to the text and any of its decorations.

The syntax for the text-shadow property is:

text-shadow: offset-x offset-y blur-radius color

The offset-x and offset-y values specify the position of the shadow relative to the text. A positive value for offset-x will move the shadow to the right, while a negative value will move it to the left. A positive value for offset-y will move the shadow downwards, while a negative value will move it upwards.

The blur-radius value specifies the amount of blur applied to the shadow. A value of 0 will create a sharp, defined shadow, while a higher value will create a more diffuse shadow.

The color value specifies the color of the shadow. This can be either a named color or a hexadecimal color value.

h1 {
   text-shadow: 4px 2px blue;