Jquery.animate() на WebKit фоне

Question

Как использовать метод .animate Jquery() на $ (это) для следующих целей:

background: -webkit-gradient(linear, left top, left bottom, from(#2d2d2d), to(#373737)) 

Я попытался с помощью:

$(this).css("background", "-webkit-gradient(linear, left top, left bottom, from(#d70000), to(#679938))"); 

Какие работает отлично, но я хочу, чтобы определить время, необходимое для перехода

Answer 1

@-webkit-keyframes changeBG { 
    0% { 
     background: -webkit-gradient(linear, left top, left bottom, from(#2d2d2d), to(#373737)); 
} 
50% { 
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#737373)); 
} 
100% { 
    background: -webkit-gradient(linear, left top, left bottom, from(#2d2d2d), to(#373737)); 
} 

Я решил проблему с помощью -webkit-ключевых кадров и изменение класса в течение 200 мс. Если у кого-то есть идея, как связать -webkit-ключевые кадры непосредственно с Jquery, не меняя классы, напишите свой ответ. Кроме того, я понятия не имею, почему .animate() не работает. Я был бы благодарен, если у кого-нибудь есть ответ на этот вопрос

$(this).addClass('akt'); 
     setTimeout(function() { $(this).removeClass('akt'); }, 200); 

Answer 2

Используйте JQuery метод одушевленные следующим образом:

$(this).animate({"background": "-webkit-gradient(linear, left top, left bottom, from(#d70000), to(#679938))"}, 4000/* Your transition MS here, ex. 4000 */); 

Для получения дополнительной информации о одушевленного метод, нажмите here.

Если вы используете более низкую версию JQuery (ну, этот метод был выпущен начиная с версии 1.0.0, но некоторые версии может не поддерживает его), и метод одушевленные не работает, то это является альтернативой:

$(this).delay(4000).css("background", "-webkit-gradient(linear, left top, left bottom, from(#d70000), to(#679938))");