Text Shadow Css property it used to apply the shadow to the text web page. Text Shadow value like this : 2px 3px 1px #dddddd;.
The first value is used to apply the text shadow for top and bottom of the text. The second value is used to apply the text shadow to the left and right of the text. The third value is blurring value. And the final fourth value is used to apply the color for the text shadow. What kind of color applied to the text shadow.
You Can assign multiple shadow value by comma separated.You see in the example i will used the multiple value separated comma and you see the output of multiple color in the output section below.
SYNTAX:
span{
text-shadow: 1px 1px 2px black
}HTML:
<span style='background-color: #fff;color: #202c2d;text-shadow: 0 1px #808d93, -1px 0 #cdd2d5, -1px 2px #808d93, -2px 1px #cdd2d5, -2px 3px #808d93, -3px 2px #cdd2d5, -3px 4px #808d93, -4px 3px #cdd2d5, -4px 5px #808d93, -5px 4px #cdd2d5, -5px 6px #808d93, -6px 5px #cdd2d5, -6px 7px #808d93, -7px 6px #cdd2d5, -7px 8px #808d93, -8px 7px #cdd2d5;font-size: 18px;padding: 10px;'>Labw3 for Web </span>
EXAMPLE:
Labw3 for Web| Feature | Chrome | Firefox | IE | Opera | Safari | Android | iOS |
|---|---|---|---|---|---|---|---|
| Basic support | 2+ | 3.5+ | 10+ | 9.5+ | 1.1+ | All | All |
