Merhaba arkadaşlar, hover özelliğini kısaca özetliyecek olur isem mouse'un belirttiğimiz alan üzerine geldiğinde o alanın değişkenlik sağlaması diyebilirim.

<html>
<head>
<title>Css ile hover özelliği - LitmuS</title>
</head>
<style type="text/css">
#litmusid{
background:orange;
width:450px;
height:195;
}
#litmusid:hover{
background:yellow;
}
</style>
<body>
<div id="litmusid">BURADAKİ YAZIYI SİLEBİLİRSİNİZ DE SADECE GÖRSELLİK KATMAK İSTİYORSANIZ SİTENİZİN ÇEŞİTLİ YERLERİNE BÖYLE HOVER ÖZELLİKLİ ALANLAR EKLEYEBİLİRSİNİZ.</div>
</body>
</html>
Daha önceki konularda görmüştük html dosyası içinde stil kullanma , Html'i stil dosyası ile kullanma , Css ile buton oluşturma şimdi ise css ile hover özelliği kullanımından biraz bahsedeceğim size.

stil alanlarımızı oluşturduktan sonra standart alanları giriyoruz bunlar nelerdir mesela width, height, background gibi alanlar şimdi ise asıl konuda bahsetmek istediğim alandan söz edeceğim hover bölümü yine oluşturduğumuz #div sonrasında :hover ekleyerek o standart alanın üzerine gelindiğinde oluşacak hareketten bahsedeceğim kısacası burada yaptığımız işlem sadece arka planını değiştirmek oldu isterseniz bo alana width veya height ekleyerekte mouse üzerine geldiğinde boyunu rengini veya resim olarakta ekleyip değiştirebilirsiniz.