CSS’in egzantrik kodlarından birisidir hover..Yani mause imgesinin üzerine geldiğinde renklenen,kayan,göçen vs gibi durumlarda şekle soktuğumuz css kodudur..

Yani kısacası şudur bir yazı yazdınız..Yazının üzerine geldiğin de en basit altının çizilmesini istiyorsanız bile :hover kodunu kullanmanız gerekmektedir..

Örneğin “tablo” olarak tanımlı bir css tablosunun üzerine geldiğimizde arkaplanını renklendirmek istiyorsak;

1
2
3
4
5
6

.tablo:hover
 
{
background-color: #F5F5F5;
 
}

.tablo:hover

{
background-color: #F5F5F5;

}

kodu sayesinde o tabloya özellik atarız..Ama bu kodu dikkatli kullanmak gerekir..Çünkü bir önceki tablo kodunun üzerinde işlem yapmaktadır..Örneğin tablo kodunda border kullanmışsanız bu kodda rengini değiştirmek istiyorsanız border:none yapmanız gerekmektedir..Yoksa o tablo kodunun üzerine bir border daha ekler..Yine aynı şekil de bir resim varsa o resme arkaplan rengi verdiğimiz zaman arkaplan da bir değişiklik olmaz..fakat “background-image: none;” kodunu eklediğimiz takdirde o arkaplan görünecektir..

Bunu genellikle menü yapımın da veya linklerin üzerine geldiklerin de renklendirmek açısından kullanılmaktadır..

Örnek olarak yan menüye bakabilirsiniz..Linklerin üzerine geldiğiniz de arkaplan da hafif bir grilik oluşuyor..İşte bu :hover kodu sayesinde yapılmaktadır :)

Kolay gelsin