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.
