TEXT SHADOW IN CSS

Ankit Singh

Total Post:341

Points:2389
Posted by  Ankit Singh
 508  View(s)
Ratings:
Rate this:
We want to use Text shadow in css. how to use this please help me.
  1. aditya kumar Patel

    Post:254

    Points:1810
    Re: Text shadow in css

    <!DOCTYPE html>

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <title>Text shadow </title>

    <style>

    .Textshadow h1 {

    text-shadow: 2px 2px;

    }

    .Textshadow h2 {

    text-shadow: 2px 2px #1C22DE;

    }

    .Textshadow h3 {

    text-shadow: 2px 2px 5px #ffd800;

    }

    .Textshadow h4 {

    color: #3033CC;

    text-shadow: 2px 2px 4px #000000;

    }

    .Textshadow h5 {

    text-shadow: 0 0 3px #FF0000;

    }

    .Textshadow h6 {

    text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;

    }

    .Textshadow p {

    color: #9BFF8A;

    text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;

    }

    </style>

    </head>

    <body>

    <div class="Textshadow">

    <h1>MindStick.com</h1>

    <h2>MindStick.com</h2>

    <h3>MindStick.com</h3>

    <h4>MindStick.com</h4>

    <h5>MindStick.com</h5>

    <h6>MindStick.com</h6>

    <p>MindStick.com</p>

    </div>

    </body>

    </html>

Answer

NEWSLETTER

Enter your email address here always to be updated. We promise not to spam!