title: Css3 Transition on background transparent not working in Chrome 5
body: <p>I`m trying to create an animation using CSS3 transition.
  The animation is a gradient background that should change his color (rgba).</p>
  
  <p>I used the webkit tag for the gradient and it`s working in Chrome 5.0.375.55.</p>
  
  <p>Sample code (something like this):</p>
  
  <p><code>
  .tag {<br />
  -webkit-transition: all 1.0s ease-in-out; <br />
  background-image: -webkit-gradient(radial, 45 45, 10, 52 50, 30, from(#A7D30C), to(rgba(1,159,98,0)), color-stop(90%, #019F62));<br />
  }</p>
  
  <p>.tag: hover {<br />
  background-image: -webkit-gradient(radial, 25 25, 15, 52 50, 30, from(#A7D30C), to(rgba(1,159,98,0)), color-stop(30%, #019F62));<br />
  }
  </code></p>
  
  <p>Looking into w3c site I see that "background-image - only gradients" is supported for the transition. (<a href="http://www.w3.org/TR/css3-transitions/" rel="nofollow noreferrer">http://www.w3.org/TR/css3-transitions/</a>)</p>
  
  <p>But I can only animate the background-color property with this version of chrome.
  With gradient the transition does not work.</p>
  
  <p>Does anyone managed to create an animation with background gradients?</p>