Subscribe via Email | RSS Subscribe via RSS

I have created an extremely simple example of creating a text shadow using simple CSS code.

The CSS:

body {
font: Helvetica, Arial, Sans-serif;
text-align: center; color: #000;
text-shadow: 0px 10px 10px #333;
}
h1 {

font: bold 65px/60px Helvetica, Arial, Sans-serif;
text-align: center; color: #000;
text-shadow: 0px 2px 6px #333;

}

Internet Explorer CSS Text Shadow Hack

.text_shadow{
filter: Shadow(Color=#999999, Direction=135, Strength=5);
height: 1%;
}

It was really that simple. Either add it to your stlye sheet or in the head section of your page and you’re set to go.

There is an example here.

Create CSS Text Shadow

Short and simple ;-)

Filed under Tutorials. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Tags: , , , , ,

  • Advertising

  • Useful? Help me out by sharing.

    Latest

    Join me on Facebook

    Join Me on FaceBook

    Built On WordPress

    WordPress

    Designed in The Gimp

    The GIMP

    By Dalesh Kowlesar

    Ash