CSS'de Gölgeli Yazı (text-shadow)

CSS'de gölgeli yazı nasıl yazılır , bu dersimizde onu öğreneceğiz.

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ç:



Ş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)

İşte bu kadar...
  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Güzel bir makale teşekkürler ancak bu ie sürümlerinin bazılarında malasef kullanılamıyor :agla::kirp:
evet bu özellik ie de ve firefox un alt sürümlerinde sorun çıkarabiliyor.

Yukarı Git