CSS text-shadow
The CSS text-shadow property is used to add shadows to text. This property accepts a comma-separated list of shadow effects to be applied to the text. Each shadow effect is specified by giving values for the horizontal offset, vertical offset, blur radius, and color of the shadow. You can also add multiple shadows to text by separating each shadow effect with a comma.
Here is the syntax for the text-shadow property:
text-shadow: h-shadow v-shadow blur-radius color;Where:
h-shadow: Specifies the horizontal position of the shadow. A positive value places the shadow to the right, while a negative value places it to the left.v-shadow: Specifies the vertical position of the shadow. A positive value places the shadow below the text, while a negative value places it above the text.blur-radius: Optional parameter that specifies the blur radius of the shadow effect. The larger the value, the more blurred the shadow will be.color: Specifies the color of the shadow effect. You can use named colors, hexadecimal colors, RGB values, or HSL values.
Example:
In this example, we applied a shadow to the text using the text-shadow property. The values 2px 2px 5px #000000 denote a shadow with a horizontal offset of 2 pixels, a vertical offset of 2 pixels, a blur radius of 5 pixels, and a black color for the shadow.
You can further customize the shadow effect by playing around with the values of the text-shadow property to achieve different shadow effects for your text.