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

  • Kyletiv7

    Kyletiv7

    28 Mayıs 2007
  • Propaganda Time

    Propaganda T

    19 EYLÜL 2010
  • SaMmM123

    SaMmM123

    3 Mayıs 2006