ColorPropsPlugin not working for me

[mufaddal.motorwala]

Hi, can anyone let me know what's wrong in below codepen, also I would like to know how to animate gradient with colorprops plugin in svg. 

See the Pen JoJgwJ by mufaddalmw (@mufaddalmw) on CodePen

[Diaco]

Hi mufaddal.motorwala  

 

in your case you dont need the ColorPropsPlugin , GSAP CssPlugin can handle that :

 

try this : 

See the Pen gbxYbq by MAW (@MAW) on CodePen

$("#gradient").click(function(){
TweenMax.to('.div', 1, {background:"rgb(204,51,0,1)",borderColor:"red",borderWidth:5});
}); 

with ColorPropsPlugin

you can parsing and tweening color's value ( color in almost any format like "#FF00CC" or "rgba(255,0,51,0.5)" or "red" or "#f0c" or 0xFF00CC or "hsl(105,50%,80%)" ).

 

pls check this out : 

See the Pen lgIwD by GreenSock (@GreenSock) on CodePen