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