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:
- Kod:
-
<div id="yazi">Burasi Gölgeli Yazi</div>
şeklinde bir div oluşturuyoruz.
CSS kısmında ise:
- Kod:
-
#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ç:
Şimdi
text-shadow etiketinin kabul ettiği değerleri incelelim:
- Kod:
-
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)
İşte bu kadar...