2.802 kez okundu

Css hover uygulaması

10 10 2.802 kez okundu incelendi

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.

    Gelen aramalar :

    Yoruma kapali.

    Barış Ozcan Facebook Sayfasi
    Barış Ozcan Twitter