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.
IE için bir örnek var mı peki ?
Internet Explorer kullanıcıları için bu özellikler aktif olmayacak. Ancak IE8 yakın zamanda CSS3 güncellemesini yapmtı diye hatırlıyorum. IE8′ de görülebilir.
If at first you don’t succeed try try again.
Web Sitesini Güzelleştirmek İçin Güzel Bir Konu Ellerine Saglık
teşekkürler…
Bu gölge rengini değiştirebiliriz değil mi?
Siyah haricinde;
text-shadow:#0066CC -> gölge rengi bu olsa gerek.
aynen öyle, istediğiniz renk kodunu girebilirsiniz.
[...] This post was mentioned on Twitter by Kurtuluş Bozkurt, Hakan Aytaş and Fatih Abacıoglu, Hayta. Hayta said: CSS3 – Yazıları gölgelendirme http://bit.ly/93UwdZ [...]