CSS Hover Özelliği

Bu derste hover özelliğini anlatacağım.

Eğer bir menü yapıyorsanız ve bu menünün üstüne geldiğinizde;

Renginin
[*] Arkaplan renginin/resminin
[*] Fontunun
[*] Gölgesinin vs..

değişmesini istiyorsanız bu özellik için hover kodu kullanmalısınız. Örnek verecek olursak;

Bir menunun resmi üstüne imleç gelmedikçe şu stildedir:


.menu{

background:#cc3333;

}



Fakat üstüne gelindiğinde şu stilde olur:


.menu:hover {

background:#000000;

}



Yani imleç üstüne geldiğinde hangi stilde olmasını istiyorsanız, normal haldeki div'i kopyalayarak div adının yanına ":hover" tag'ı getirilir ve stilde değişiklik yapılır.

Not: Her iki div de CSS dosyasında bulunmalıdır.
  • Etiketler;
Yorum Yaz

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

• 9 yıl önce
Hocam çok işime yaradı teşekkürler
• 9 yıl önce
çok teşekkürler
• 8 yıl önce
Teşekkürler...

Yukarı Git