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

  • Canceriansoul

    Canceriansou

    15 Ocak 2011
  • Karan Thakur

    Karan Thakur

    23 HAZİRAN 2010
  • NextKsa

    NextKsa

    7 EKİM 2009