title: animate CSS3 gradient-positions using jQuery
body: <p>Is it possible to animate the position of a CSS3-gradient-color using jQuery?</p>
  
  <p>I'd like to animate from this</p>
  
  <pre><code>background: -moz-linear-gradient(top, #FF0000 0%, #FF0000 0%, #FFFFFF 0%,
     #FFFFFF 100%); /* firefox */
  
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF0000), color-stop(0%,#FF0000),
      color-stop(0%,#FFFFFF), color-stop(100%,#FFFFFF)); /* webkit */
  </code></pre>
  
  <p>to this</p>
  
  <pre><code>background: -moz-linear-gradient(top, #FF0000 0%, #FF0000 50%, #FFFFFF 50%,
      #FFFFFF 100%); /* firefox */
  
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF0000),
      color-stop(50%,#FF0000), color-stop(50%,#FFFFFF), color-stop(100%,#FFFFFF)); /* webkit */
  </code></pre>
  
  <p>in xx milliseconds</p>
  
  <p>thank you in advance!</p>