Quantcast
Channel: Depot webdesigner - Tutorials and more resources for webdesigner » Scripts
Viewing all articles
Browse latest Browse all 16

Shadow text Compatible IE

$
0
0

Create the shadow effect without having to add repeated text and without text-shadow property.

Exemple:

Lorem Ipsum Dollor sit umet

Code HTML :

<h1 title="shadow text" class="shadowtitle">
<span>Lorem Ipsum Dollor sit umet</span>
</h1>

Code CSS :

h1.shadowtitle {
    position:relative;
    height:1em;
}
h1.shadowtitle span {
    position:absolute;
    left:-1px; 
    top:-1px; 
    color:#fb73cf;
}
h1.shadowtitle:before {
     content:attr(title);
     position:absolute;
     left:0;
     top:0;
     color:#000;
}

Viewing all articles
Browse latest Browse all 16

Trending Articles