Since long web developers have been using underlying shadows to make text and DIV element look as though they are embossed or lifted from the surface. In olden times, images and transparent images were used to create the shadow effect. Developers would layer shadow image under the text or DIV to achieve the desired effect of a shadow. But with the arrival of CSS 3 –it is now very simple to add shadow –and that too in a fully customizable way! Let’s see how to create some stylish text shadows with CSS text-shadow property. Let’s begin with basic usage: As you can see the text-shadow property takes four parameters: Now let’s see some more fancy examples of CSS text shadow: Another amazing feature of text-shadow property is that you can use multiple shadows on the same text and create some even more impressive effects! On Fire CSS Text Shadow Solid Rock CSS Text Shadow Neon Lights CSS Text Shadow How did you like these great effects? If you have any questions about text-shadow property of CSS, please feel free to comment and ask. Also, if you know about another breath-taking text shadow effect, please let me know. Comment * Name * Email * Website
Δ
