CSS Kullanarak Başlıklara Gölgeleme ve Hover Tekniği Kazandırmak

Bilindiği üzere Photoshop ile harikalar yaratılmakta.. Çoğu menü, link ya da butonlar iki ayrı Photoshop dosyası kullanarak hover yöntemiyle değişen tipte iki resmi tek bir resim gibi göstermemizi sağlıyor.. CSS derslerimin başından beri sizlere anlatmak istediğim olay ise şuydu; Photoshop harika bir programdır, ona diyecek lafımız yok, lakin Photoshop’u bu gibi basit bileşenleri oluşturmaktansa daha profesyonel işler için kullanmalıyız.. Bu konuda basit bir hover efekti ile bir h1 etiketine nasıl stil kazandırırız bunu göstereceğim.

Konunun Devamı için buradan bloguma ulaşınız.

Demo

Sitenizde trojan var

Plugin ile ilgili birşey etkisiz hale getirdim tekrar dener misiniz?

Nasıl yaptıklarını merak ederdim sürekli. İnternet Explorer, Chrome, Opera'da da aynı şekilde gözüküyomu yoksa göstermeyen tarayıcılarda varmı acaba. Bilgilendirirseniz sevinirim.

Dipnot: Kaspersky İnternet Security 2011 ile girdim virüs uyarısı yok. Sanırım akradaş düzeltmiş. Güvenle girebilirsiniz

Destekleyenler : Firefox 3.6+, Chrome 2+, Opera 9.5+, Safari 3+
Desteklemeyenler : IE 1.0+

---

text-shadow için girilen değeri şu şekilde yaparsanız daha iyi olur.

text-shadow: rgba(0,0,0, 0.4) 0px 2px 2px;

rgba ile oluşturduğunuz gölgenin saydamlığıda ayarlayabiliyorsunuz. sadece text-shadow içinde değil elbette. Renk değeri girdiğiniz her yerde rgba() 'yı kullanabilirsiniz.

Bilgilendirme için Teşekkürler tabiki CSS içerisinde bir yolu birden fazla gösterebilme imkanımız mevcut. Yazıda dediğim gibi aslında bu derste web-kitlerden bahsedecktim fakat video çekemedim seste sorun yaşadım. En yakın zamanda bu mevzuya tekrar giriş yapacağım.

teşekkürler güzel paylaşım işime yarayacak

O reklamdan başka birşey yapmıyorsun diye rep gönderen arkadaş çıksın ortaya da konuşsun.. Hadi ben azından reklam yapayım senin cibiliyetin nerde ???