link

Css – ‘text-shadow’ etiketi?

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.

İş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)

Yazar
Yazar
Bilgisayar Programcısı, Web Tasarımcı, Üniversite Öğrencisi...
Twitter Facebook Google Linkedin Flickr YouTube

Önceki Yazı:Visual Basic’te Textbox’tan Textbox’a Veri Aktarma İşlemi?

Sonraki Yazı:C++ ile Vize ve Final Not Ortalaması Hesaplama Programı?

YORUMLAR
SİZ DE CEVAP YAZABİLİRSİNİZ
Bu yazı hakkında görüşünüzü belirtin.

ES Web Tasarım Web Tasarım Blog Teması Emre Supçin Bu tema ES Web Tasarım tarafından düzenlenmiştir. Hiçbir şekilde kopyalanamaz.