The text-shadow property is used to add shadow effect to text. The text-shadow property is used to add color to text. The text-shadow property is used to add a blur effect to the shadow.
Syntax:
text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit;
Values :
- h-shadow: It is the required value. It specifies the position of the horizontal shadow and allows negative values.
- v-shadow: It is also the required value that specifies the position of the vertical shadow. It does not allow negative values.
- blur-radius: It is the blur-radius, which is an optional value. Its default value is 0.
- color: It is the color of the shadow and also an optional value.
- none: It is the default value, which means no shadow.
- initial: It is used to set the property to its default value.
- inherit: It simply inherits the property from its parent element.
Example :
<html>
<head>
<title>Learn Css text shadow tutorials</title>
</head>
<body>
<p style = "text-shadow:5px 5px 9px yellow;">Learn Css text shadow tutorial to set yellow shadow text by aryatechno</p>
<p style = "text-shadow:-4px -4px 4px green, 4px 4px 4px blue;">Learn Css text shadow tutorial to set Multiple Shadows text by aryatechno</p>
</body>
</html>
Comments