css text shadow

1/* offset-x | offset-y | blur-radius | color */
2text-shadow: 1px 1px 2px black;
3
4/* color | offset-x | offset-y | blur-radius */
5text-shadow: #fc0 1px 0 10px;
6
7/* offset-x | offset-y | color */
8text-shadow: 5px 5px #558abb;
9
10/* color | offset-x | offset-y */
11text-shadow: white 2px 5px;
12
13/* offset-x | offset-y
14/* Use defaults for color and blur-radius */
15text-shadow: 5px 10px;
16
17/* Global values */
18text-shadow: inherit;
19text-shadow: initial;
20text-shadow: unset;
21

1p{
2  /* text-shadow: x y blur spread color */ 
3  text-shadow: 2px 2px 5px 5px #f00;
4}

1.myClass{
2  /*           x   y   blur color */
3  text-shadow: 1px 1px 0px #ff0000;
4}

1text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); 

1/* Text-Shadow is CSS property that is used to add the shadow to the text, simply 
2you can add horizontal and vertical shodow alongwtith the blur and the color of shadow options */
3
4/* It's general syntax would be like*/
5  /* x-offset | y-offset | blur-raduis | color */
6  text-shadow: 2px 2px 0px #808080;
7
8  /* x-offset | y-offset | color */
9  text-shadow: 2px 2px #808080;
10
11  /* x-offset | y-offset(not required) | blur-raduis | color */
12  text-shadow: 2px 0 2px #808080;
13

1text-shadow: x, y, blur, color;