Przejście css na gradientu obrazu tła

Question

Mam obraz tła w moim css3 z obrazem i gradientem zdefiniowanym. Również chcę mieć przejście, gdy zmiany klasy z on_time -> too_late lub vice versa.

Nie mogę uzyskać przejścia na gradientu. Czy jest to w jakiś sposób obsługiwane w css3?

Dzięki

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

Answer 1

to nie jest możliwe, aby przejść na gradientów tle. Ale można spojrzeć na ten link, aby pracować z „hacków”: http://nimbupani.com/some-css-transition-hacks.html

Można również zrobić to wyglądać to zmieniając przy użyciu przesunięcie background-position: http://sapphion.com/2011/10/css3-gradient-transition-with-background-position/

Oto podobne pytanie z więcej linków i informacji bTW: Use CSS3 transitions with gradient backgrounds

Answer 2

„Gradienty jeszcze nie obsługuje przejścia (choć spec mówi, że powinien) Jeśli chcesz Fade-in efektu z gradientem w tle, ty trzeba ustawić. nieprzezroczystość na pojemniku i przeniesienie opaci ty. "

Źródło: Use CSS3 transitions with gradient backgrounds

Answer 3

Obiekt background-image nie jest obsługiwana

http://www.w3.org/TR/css3-transitions/#animatable-css