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

  • HuskyStarcraft

    HuskyStarcra

    4 HAZİRAN 2009
  • Marina and The Diamonds

    Marina and T

    8 Temmuz 2008
  • Plugable

    Plugable

    19 Mayıs 2010