Css переход на градиент фонового изображения

У меня есть фоновое изображение в моем css3 с определенным изображением и градиентом. Я также хочу иметь переход, когда класс изменяется с on_time → too_late или наоборот.

Я не могу получить переход на градиент. Это как-то поддерживается в css3?

Спасибо

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;           
}