Css3 Text-Shadow

RepLication · 25 Nisan 2010

Kullanımı ;

Kod:

text-shadow: [COLOR=Red]deger px[/COLOR] [COLOR=vegaspopülerBlue]deger px[/COLOR] [COLOR=DarkOrange]deger px[/COLOR] [COLOR=DarkGreen]#deger[/COLOR];

Kırmızı değer : Gölgenin X yönüne doğru kaç px verileceğini belirler.
Mavi değer : Gölgenin Y yönüne doğru kaç px verileceğini belirler.
Turuncu değer : Gölgenin keskinliğinin kaç px olacağını belirler.
Yeşil değer : Gölgenin rengini belirler.

Örneğimizde ki ilk yazı Milon4'e bakarsak ;

CSS kodumuz ;

Kod:

h2
{
    font-family:Tahoma, Geneva, sans-serif;
    font-size:100px;
    color:#f1f1f1;[B]
    text-shadow: 0px 2px 6px #000;[/B]

}

Bizi ilgilendiren noktayı kalın olarak belirttim.

Yapılan işlem neymiş?

X yönüne 0 px
Y yönüne 2 px
Gölgenin keskinliği 6px
Gölgenin rengi Siyah

Keskinliği yazınızın oranına göre ayarlamalısınız ben 100px bir yazıya 6 kullandım.

Örneğimizden daha iyi anlayacaksınız.

Örnek çalışmayı görüntülemek için..

Internet Explorer CSS 3 desteklemediği için farklı tarayıcılar ile bakmalısınız.

Css3 Text-Shadow

RepLication

0