SORU
10 Aralık 2010, Cuma


Arka plan-renk CSS3 geçiş

Menü öğeleri üzerinde gezinirken arka plan rengi arasında bir geçiş efekti yapmaya çalışıyorum ama çalışmıyor. Burada CSS kod:

#content #nav a:hover {
    color: black;
    background-color: #AD310B;
    /* Firefox */
    -moz-transition: all 1s ease-in;
    /* WebKit */
    -webkit-transition: all 1s ease-in;
    /* Opera */
    -o-transition: all 1s ease-in;
    /* Standard */
    transition: all 1s ease-in;
}

#nav div öğeleri menü ul listesi.

CEVAP
10 Aralık 2010, Cuma


Bildiğim kadarıyla, geçişler şu anda Safari, Chrome, Firefox, Opera ve Internet Explorer 10'da çalışmak.

Bu bir üretmek bu tarayıcılarda sizin için etkisi fade:

#content #nav a {
    background-color: #FF0;
}

#content #nav a:hover {
    background-color: #AD310B;
    -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}

Not:Gösterilen tarafından Gerald açıklamalarda, eğer koymak geçişi a yerine a:hover will fade, özgün renk ne zaman fare hareket uzak bağlantı.

Bu çok kullanışlı gelebilir:CSS Fundamentals: CSS 3 Transitions

Burada denemek gibi ölü Link : CSS Fundamentals: CSS 3 Transitions

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Kassem G

    Kassem G

    25 EKİM 2006
  • SuicideSheeep

    SuicideSheee

    8 Ocak 2012
  • Chaîne de TheMoustic

    Chaîne de T

    5 Kasım 2006