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. |
Code Explanation
All Tutorials related to CSS3
CSS3 Intro
Vendor Prefixes
Border Radius Property
Box Shadow Property
Transparency
Text Shadow
Pseudo Classes
Pseudo Elements
Word Wrap
@Font-Face
Linear Gradients
Radial Gradient
Background Size
Background Clip
Opacity
Transitions
Transform Rotate
Translate Skew
Scale and Multiple
Animations
Animation Properties
3D Transform
CSS Filters 1
CSS Filters 2
CSS Filter 3
