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:

[php]text-shadow:1px 1px 1px #333;[/php]

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.