/    /  CSS Text-shadow

CSS Text-shadow

 

The CSS3 supported to add shadow effects to text. The comma was separated by a list of shadows that applied to the text.

 

Example:

 

<html>
 <head>
  <style>
    h1 {
     text-shadow: 2px 2px #800000;
    }
     h2 {
      text-shadow: 2px 2px #cc3300;
     }
     h3 {
      text-shadow: 2px 2px 5px #4d3319;
     }
     h4 {
      color: white;
      text-shadow: 2px 2px 4px Green;
     }
     h5 {
      text-shadow: 0 0 3px #FF0000;
     }
      h6 {
       text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;
      }
      p {
        color: white;
        text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
      }
    </style>
  </head>

<body>
 <h1>I2tutorials.com</h1>
 <h2>I2tutorials.com</h2>
 <h3>I2tutorials.com</h3>
 <h4>I2tutorials.com</h4>
 <h5>I2tutorials.com</h5>
 <h6>I2tutorials.com</h6>
 <p>I2tutorials.com</p>
 </body>
</html>

 

OUTPUT:

 

CSS Text-shadow