ABOUT
SUBMIT

Smooth font using CSS3 text-shadow property

Rollover the image to preview the trick - Comments

Rollover the image to view the trick
	<h1>Smooth font using CSS3 text-shadow property</h1>
	<h2>Rollover the image to preview the trick - <a href="http://drbl.in/brer">Comments</a></h2>
	<div class="image-hover"><a href="http://drbl.in/brer">Rollover the image to view the trick</a></div>
	
/* ================================================================================== 
						THE TRICK
Add text-shadow on the top-left and the bottom-right to smooth text
=================================================================================== */


h1.title { /*  It works very well with Windows XP (standard / cleartype method) */
    text-shadow:-1px -1px 1px rgba(255,255,255,0.2), /* top-left */
	1px 1px 1px rgba(255,255,255,0.2), /* bottom-right */
	1px 1px 1px rgba(0,0,0,0.7); /* shadow */
}