2013-01-15 30 views
11

Görüntü ve degrade tanımladığım css3'ümde bir arka plan resmim var. Ayrıca, sınıf on_time -> too_late veya vise versa değiştiğinde geçiş yapmak istiyorum.Arka plan görüntüsü geçişinde css geçişi

Geçişteki geçişi alamıyorum. Bu bir şekilde css3'te destekleniyor mu? Bu mümkün değil

Teşekkür

div.too_late 
{ 
    color: White;   
    background-image: url(../Content/images/uit_white.png), -webkit-linear-gradient(top, #feb233 0%, #f39801 100%);  

    -webkit-transition-property: background-image, color; 
    -webkit-transition-duration: 5s;  
} 

div.on_time 
{ 
    color: #222;   
    background-image: url(../Content/images/uit_black.png), -webkit-linear-gradient(top, yellow 0%, #99ff33 100%);  

    -webkit-transition-property: background-image, color; 
    -webkit-transition-duration: 5s;   
} 

cevap

9

arka plan yokuşlarda geçişler olması. http://nimbupani.com/some-css-transition-hacks.html Ayrıca bu background-position kayması kullanılarak değişiyor gibi görünmesini de sağlayabilirsiniz

: Burada http://sapphion.com/2011/10/css3-gradient-transition-with-background-position/

benzer bir sorudur Ancak, "hack" ile çalışmasını sağlamak için bu bağlantıyı bir göz olabilir . Eğer bir soldurma-bir arka plan gradyan ile yürürlüğe istiyorsanız, ayarlamak zorunda (spec onlar gerektiğini söylüyor rağmen) Use CSS3 transitions with gradient backgrounds