Responsive Reklam Alanı

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)

Paylaşmak Güzeldir
Yazar
Yazar
Visual Basic'te Textbox'tan Textbox'a Veri Aktarma İşlemi? C++ ile Vize ve Final Not Ortalaması Hesaplama Programı?
Bir yorum yazın
Siz de düşüncenizi belirtebilirsiniz.

Web Tasarım Blog Teması ES | Tüm hakları © Emre Supçin'e aittir.