Text Shadow Property in CSS
The text-shadow Property
The text-shadow property defines shadow effects, to be applied to the text content of the current element.
Four components of text-shadow are:-
- Offset-x
- Offset-y
- Blur
- Color
For your Information:-
We can add multiple shadows by only putting commas between them.
Syntax:-
Its syntax is:-
< style >
element{
text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit;
}
< /style >
Further Explanation:-
Value | Description |
---|---|
h-shadow | Required. The position of the horizontal shadow. |
v-shadow | Required. The position of the vertical shadow. |
blur-radius | Optional. The blur radius. |
color | Optional. The color of the shadow. |
none | No shadow. |
initial | Sets this property to its default value. |
inherit | Inherits this property from its parent element. |