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;
}
.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.
Short and simple
Tags: CSS, IE Hack, internet explorer css shadow hack, shadow, text, tutorial
Latest