Text-shadow Effects of CSS text effects

Today summed up the text effect Text-shadow, if used well it can make a variety of different effects, is I made several effects.

What, it looks good, the following code.

2. /* CSS */
4. P{
6. Width:300px;
8. Margin:0 auto;
10. Background:#e9e9e9;
12. Padding:30px 0;
14. Font-size:30px;
16. Font-family:Arial, Helvetica, sans-serif;
18. Font-weight:bold;
20. Text-align:center;
22. }
28. . A1{
30. Color:#fff;
32. Text-shadow:0 0 5px #99FFFF,
34. 0 0 15px #99FFFF,
36. 0 0 25px #99FFFF;
38. }
44. . A2{
46. Text-shadow:0 0 5px #30C;
48. Color:transparent;
50. }
56. . A3{
58. Text-shadow:-1px -1px 0 #fff, 1px 1px 0 #000;
60. }
66. . A4{
68. Color:#fff;
70. Text-shadow:1px 0px 0 #60F,
72. 0px 1px 0 #60F,
74. -1px 0px 0 #60F,
76. 0px -1px 0 #60F;
78. }
84. . a5{
86. Color:#fff;
88. Text-shadow:0px 1px 0 #000,
90. 0px 2px 0 #333,
92. 0px 3px 0 #060606,
94. 0px 4px 0 #020202,
96. 0px 5px 0 #252525,
98. 0px 6px 1px rgba(0,0,0,0.5),
100.                 0px 5px 4px rgba (0,0 ,0,0.7
102. 0px 2px 6px rgba(0,0,0,0.6);
104. }
108. <!--html --
110. <div class="main">
112. <p class="A1"> Glow </P>
114. <p class="A2"> Blur </P>
116. <p class="A3"> Emboss </P>
118. <p class="A4"> Stroke </P>
120. <p class="A5"> Stereoscopic </P>
122. </div>

Article Source: http://www.linzenews.com/program/web/2770.html

Text-shadow Effects of CSS text effects