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;
}