CSS3′ ün hayatımıza girmesiyle CSS te yaşadığımız tarayıcı ve destek sorunlarını rafa kaldırmış bulunuyoruz. Tasarımlarımızı daha cool kılacak yeni teknikler mevcut. Bunlardan biri de yazıları gölgelendirme. Arasıra CSS3 tekniklerinden bahsedeceğim. Tasarımcı arkadaşlarımın kaçırmaması gereken teknikler…,

CSS’de yazı nasıl gölgelendirilir? Karşınızda text-shadow tekniği..

CSS i gören bir index dosyamızı ele alalım.. (ya da herhangi bir dosya)

<div id=”baslik“>CSS3 – Yazı gölgelendirme</div>

İndex’imizde gölgelendirme yapacağımız yazının  ID sini CSS te buluyoruz.. ve  son sınıf karakterinden ‘}’ önce yerleştiriyoruz.

.baslik {
font-size:29px;
margin:0 0 5px 0;
font-family:Georgia, “Times New Roman”, Times, serif;
color:#000;
font-weight:normal;
text-shadow:#0066CC 2px 2px 1px; color: #000000;
}

bu  tekniği Türkçe olarak açalım biraz.. daha anlaşılır olsun..

text-shadow: #0066CC      2px         2px          1px;              color: #000000;

text-shadow:  (gölgenin rengi)     (X koordinatına göre gölge uzaklığı)    (Y koordinatına göre gölge uzaklığı) (gölgenin netlik değeri)

hepsi bu kadar.