title: css transition on background image gradient
body: <p>I have a background image in my css3 with image and gradient defined. I also want to have a transition when class changes from on_time -> too_late or vise versa. </p>
  
  <p>I cannot get the transition on the gradient. Is this somehow supported in css3?</p>
  
  <p>Thanks</p>
  
  <pre><code>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;           
  }
  </code></pre>