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

  • AndroidSale

    AndroidSale

    17 NİSAN 2011
  • ASUS North America

    ASUS North A

    12 AĞUSTOS 2008
  • Matthew Pearce

    Matthew Pear

    9 AĞUSTOS 2009