Hi,
I've read a thread regarding animating linear-gradients but i don't understand how can I animate more than 2 colors in a linear-gradient.
Example:
The CSS would be:
Out state: linear-gradient(to top, #2f2f2f 0%, rgba(255, 255, 255, 0) 100%)
Over state: linear-gradient(to top, #d92255 0%, #b753f3 50%, #7180ac 100%)
As you can see on over I use 3 colors. As per an example I saw http://codepen.io/jonathan/pen/vJwzD there you define top and bottom colors.
Isn't there a way to animate the direct css like we do on a simple CSS property. For example:
TweenMax.to( obj, .3, { css: { background: "linear-gradient(to top, #d92255 0%, #b753f3 50%, #7180ac 100%)" } } );
If i use the code above, there is no animation, only the change of the background like a normal CSS class.
Thank you!