Bu yazımızda css’de gölgeli yazı nasıl oluşturulur inceleyeceğiz
yani text-shadow argümanını inceleyeceğiz.
Basit fakat görsel olarak daha zevkli bir görüntü sağlıyor.
Css 3 le birlikte gelen-daha öncede var olup kaldırıldığını okumuştum- bu özellikle gerçeğe yakın gölgeler oluşturacağız.
İndex dosyasının oluşturduğumuzu ve css dosyasını çektiğimizi varsayarak
<div id="yazi">Burasi Gölgeli Yazi</div>
şeklinde bir div oluşturuyoruz.
Css kısmıni ise şu şekilde oluşturuyoruz:
#yazi{
text-shadow:#999999 2px 2px 1px;
color:#fdfdfd;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
}
İşte Sonuç;

Şimdi text-shadow argümanının kabul ettiği değerleri inceleyim:
text-shadow:[gölge rengi][X-koordinatına göre gölge uzaklığı][Y-koordinatına göre gölge uzaklığı][gölgenin bulanıklık değeri]
işte bu kadar…
Not:ie ve düşük sürümlü yarayıcılarda sorun çıkartır.