2.656 kez okundu

Css hover uygulaması

10 10 2.656 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 :

    Paylaş !

    Yoruma kapali.

    Önceki yazıyı okuyun:
    Css ile oval kenar yapımı (radius kenarlık)

    Artık yavaş yavaş CSS 3 ve HTML 5'ten bahsetmeye başlamak gerek. Aslında bir çoğumuz web trendi gereği oval nesneler ve...

    Kapat
    Barış Ozcan Facebook Sayfasi
    Barış Ozcan Twitter