Kullanımı ;

text-shadow: deger px deger px deger px #deger;

Kırmızı değer : Gölgenin X yönüne doğru kaç px verileceğini belirler.
Mavi değer : Gölgenin Y yönüne doğru kaç px verileceğini belirler.
Turuncu değer : Gölgenin keskinliğinin kaç px olacağını belirler.
Yeşil değer : Gölgenin rengini belirler.

Örneğimizde ki ilk yazı Milon4'e bakarsak ;

CSS kodumuz ;

h2
{
    font-family:Tahoma, Geneva, sans-serif;
    font-size:100px;
    color:#f1f1f1;
    text-shadow: 0px 2px 6px #000;

}

Bizi ilgilendiren noktayı kalın olarak belirttim.

Yapılan işlem neymiş?

• X yönüne 0 px
• Y yönüne 2 px
• Gölgenin keskinliği 6px
• Gölgenin rengi Siyah

Keskinliği yazınızın oranın göre ayarlamalısınız ben 100px bir yazıya 6 kullandım.

Örneğimizden daha iyi anlayacaksınız.

Örnek çalışmayı görüntülemek için..

Internet Explorer CSS 3 desteklemediği için farklı tarayıcılar ile bakmalısınız.