Merhaba sevgili okurlar, hepinize iyi akşamlar.
Bugün ki anlatacağım dersimiz CSS ile alakalı olup TEXT SHADOW etiketinden bahsedeceğim, ne olduğu nasıl kullanıldığı hakkında bilgi vereceğim.
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.
Ş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)
- emresupcin
- Css
- 1 Aralık 2012 - 23:28
- Yorum Yok
- 1288 Görüntülenme