ColorPropsPlugin 插件

TweenMax没有包含ColorPropsPlugin。

ColorPropsPlugin 插件用于补间任何对象的任何颜色相关的属性。如将myObject.borderColor 从 "rgb(255,0,51)" 补间到 "rgb(102,204,0)"或其他格式（"#FF00CC"或 "rgba(255,0,51,0.5)" 或 "red" 或 "#f0c" 或 0xFF00CC 或 "hsl(105,50%,80%)"）

动画关键词：colorProps

你可以同时补间无限数量的颜色属性。只需在colorProps:{}对象中使用关联的属性名称，如:

//同时补间myObject.borderColor 和myObject.myCustomProp 
TweenLite.to(myObject, 1, {colorProps:{borderColor:"red", myCustomProp:"rgb(204,51,0)"}, ease:Linear.easeNone});

ColorPropsPlugin 插件的主要作用并不是补间元素的CSS颜色属性，因为CSSPlugin已经处理了这些。ColorPropsPlugin主要用于直接在JavaScript对象上补间其他与颜色相关的属性。

例如你自定义了以下几个函数用于获取或设置颜色相关的值：

//动画自定义函数setColor的颜色值
TweenLite.to(myObject, 1, {colorProps:{setColor:"rgb(102,255,51)"}, ease:Linear.easeNone});
//自定义函数获取颜色
var color = myObject.lineColor(); 
 
//自定义函数设置颜色
myObject.lineColor("rgb(255,0,51)"); 
 
//对颜色进行补间动画
TweenLite.to(myObject, 1, {colorProps:{lineColor:"rgb(102,255,51)"}, ease:Linear.easeNone});