Webkit support for gradient transitions

Question

Im wondering if anyone know when will webkit support transitions of gradients?
for example, the following code doesnt work in Chrome 6 (assuming grad-transition is a link):

.grad-transition {      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(black));      -webkit-transition: background-image .5s; } .grad-transition:hover {      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(black), to(white)); } 

Answer 1

Trying to do the same thing.

As of right now I do not think it is possible to animate a gradient.

I'm using a workaround. Instead of animating the gradient, I'm using a semi-transparent gradient for the background-image and then animating the background color.

#button {     background-color: #dbdbdb;     background-image: -webkit-gradient(linear, left top, left bottom,     color-stop(0%, rgba(255, 255, 255, 0.9)),     color-stop(100%, rgba(0, 0, 0, 0.6))     ); }  #button:hover {    background-color: #353535; } 

I also put up some examples here: http://tylergaw.com/www/lab/css-gradient-transition-sorta/