CSS gradient animation


I have a button (anchor) that has a CSS3 gradient on it.
 I want to animate/fade the gradient to one color when the user hovers over the button.
 The problem is I can’t find how to do this- since jQuery UI animation on colors works only on regular ones, not gradients.
 Any ideas?

Problem courtesy of: amitairos


You could use a CSS3 animation, although they aren’t supported on all browsers. This page has an example of changing the background colour, obviously you’d need to add the gradient.

Solution courtesy of: DoctorMick

View additional discussion.