Text Shadow Effect

In CSS3 "text-shadow" property allows you to give shadow effect to a text in webpage. You can add shadow effect for any kind of text to display.

             You can apply shadow effect to text on both horizontal and vertical side with light blur options and with various colors. The syntax and applying text shadow in css3 is as follows:

              The above diagram shows the way to apply text-shadow styles. You can also apply multiple shadow effect for a text separated by commas.

Example:

   text-shadow: -10px 10px 0px #8899A6, -20px 20px 0px #CCD6DD,

                -30px 30px 0px #E1E8ED;