CSS 3 Teknikleri 3 -> Metin Gölgelendirme (Text Shadow )

CSS 3 Tekniklerine devam ediyoruz, sırada text shadow efekti.

Evet arkadaşlar üçüncü teknik ile karşınızdayım, bu efekti bir çok web sitesinde gördük, gerçekten yararlı olarak kullanılınca beğenmemek mümkün olmuyor.

Destekleyen browserlar

[*] Firefox 3.5 +
[*] Safari 4.0 +
[*] Google Chrome 4.0 +
[*] Opera 9.6 +
[*] IE için yeni versiyonu bekliyoruz, bu işlemi de desteklemiyor.

Kullanım örneği ve açıklamasına geçiş yapıyoruz.


text-shadow: 1px 1px 1px #000000;  /* Yatayda , dikeyde 1 px gölge veriyoruz , 1px ile blur efekti verip , #000000 ile renk ataması yapıyoruz.

filter: dropshadow(color=#000000, offx=1, offy=1); /* Diğer browser'lar içinde bu optimizasyonu filter ile sağlıyoruz.



Evet arkadaşlar herşey çok hızlı ve kullanışlı , basit bir sonraki makalede görüşmek üzere.
  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

ben sizin yazdığınızı ccs sayfasına h1 e atayarak yaptım olmadı ..acemiliğimden sanırım ..

Yukarı Git