Blackinci > CSS > Css ile Gölgeli Yazı Yapımı text-shadow

Css ile Gölgeli Yazı Yapımı text-shadow


5 Temmuz 2009. Yazar: blackinci

Css ile Gölgeli Yazı Yapımı text-shadow

Css de en çok kullanmak isteyipte kullanamadığım bir özellikti taki firefox 3.5 gelene kadar belki sizde tahmin edebiliyorsunuz firefox 3.5 geçti ama neler değişti diye ilk baktığım şey css alanı oldu tabiki ve ilk denediğim şey ise gölge olayı oldu sonuç ise çok güzeldi ilk defa bukadar heycanlandım neredeyse :) sizde meraklandınızmı gölgeli yazı yapmak önceden tam bir eziyetti ister css olsun ister javascript olsun uzun uğraşlar sonunda bir sonuç alabiliyorduk ama şimdi sadece bir css kodu yazarak görmek istediğimiz en güzel gölgeyi elde edebiliriz.

Hemen bir örnek yapalım

text-shadow: 1px 1px 1px black;


üstteki kod sayesinde artık firefox 3.5 te text-shadow kodunu desteklediğini görüyoruz. örnek olarak tablo başlıklarına bakabilirsiniz yada alttaki bağlantıdan demosunu bakabilirsiniz tabiki firefox 3.5 ile
Gölgeli Yazı Demo

text-shadow kodunu istediğimiz her alanda kullanabiliriz link düz yazı ne olursa
temel olarak oranların ne işlevleri ise ilk verdiğimiz değer 1px gölgeyi sağ veya sola iter
ikinci verdiğimiz değer ise 1px üste veya alta iter son verdiğimiz değer ise golgenin kalınlığını belirler fakat fazla kalınlaştığı zaman aşır bir dağılma oluyor zaten gölgede öyle çok büyük bir kalınlaşma iyi olmaz bu güzellikten haberdar olmanızı istedim yeniliklerle görüşmek üzere.