CSS 25 Ağustos 2010

CSS ile Yazıya Gölge Efekti Verme

Firefox 3.5 sürümü sonrası CSS ile birçok yenilik gördük. Bu yeniliklerden biride yazılara gölge efekti vermek oldu. Bu efekti özellikle sitelerinizdeki başlıklara uygulamanız hoş bir çekicilik sağlayacaktır. Fakat Internet Explorer \’da bunu göremeyeceğinizide unutmayın.

Gelelim yazılara nasıl gölge efekti vereceğimize… Bunun için CSS\’in text-shadow etiketini kullanacağız. Örnek olarak yazı gölge rengi gri olan bir uygulama için şu kodu kullanıyoruz:

text-shadow:1px 1px 1px #333;

text-shadow etiketini istediğimiz her alanda kullanabiliriz. Link, düz yazı…

Temel olarak oranların işlevleri ise şunlar:

İlk verdiğimiz değer 1px gölgeyi sağ veya sola iter. ikinci değer ise 1px üste veya alta iter. Son verdiğimiz değer ise gölgenin kalınlığını belirler.

Bunu da Oku:  CSS ile Alıntı Yapma

Yazar Bilgileri

Emrah emrah19may@hotmail.com
1981 Samsun doğumlu ve Gazi Üniversitesi, Bilgisayar ve Öğretim Teknolojileri Eğitimi mezunu. Bilişim Teknolojileri Öğretmeni olarak görev yapmakta olup DMOZ Editörü, Web-Grafik Tasarımı ve SEO eğitmeni.

Yorum Yap