1.245 kez okundu

CSS de gölgeli yazı text-shadow

10 10 1.245 kez okundu incelendi

CSS’de gölgeli yazı nasıl yazılır , bu dersimizde onu öğreneceğiz. Yani text-shadow etiketini inceleyeceğiz.

Basit fakat görsel olarak daha zevkli bir görüntü sağlıyor. CSS3’le birlikte gelen -daha önce de var olup kaldırıldığını okumuştum- bu özellikle gerçeğe yakın gölgeler oluşturacağız.

İndex dosyası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ında ise:

#yazi{text-shadow:#999999 2px 2px 1px;color:#00CCCC;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; }

Burada dikkat edilmesi gereken sadece text-shadow etiketi. Bu şekilde yazdık. İşte sonuç:

http://resim.sanalkurs.net/uploads/ScreenShot014.jpg
Şimdi text-shadow etiketinin kabul ettiği değerleri incelelim:

text-shadow:#999999 2px 2px 1px; color: #00CCCC;

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)

Paylaş !

Yorum yap

Önceki yazıyı okuyun:
Css’de box shadow kullanımı

Css'de box shadow kullanımı

Kapat
Barış Ozcan Facebook Sayfasi
Barış Ozcan Twitter