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.
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.
How to use CSS3 Animations with keyframes that work in Webkit and Firefox 5+css3.bradshawenterprises.com
Solution courtesy of: DoctorMick