gölgeli-yazı ’  olarak etiketlenmiş yazılar

Bu yazı sZorlu tarafından 163 gün önce yazılıp Css-Xhtml-W3C-Web Tasarım kategorisinde yayınlanmıştır.

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ç;
golgeliyazi
Ş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.