Tweens any color-related property of any object, like myObject.borderColor
from "rgb(255,0,51)"
to "rgb(102,204,0)"
(and you can define the initial 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%)"
). New values are always set in the format "rgb(...)"
(or rgba(...)
for values that include alpha). You can tween an unlimited number of color properties simultaneously. Just use the associated property name inside the colorProps:{}
object like this:
//tweens myObject.borderColor and myObject.myCustomProp TweenLite.to(myObject, 1, {colorProps:{borderColor:"red", myCustomProp:"rgb(204,51,0)"}, ease:Linear.easeNone});
ColorPropsPlugin is NOT generally intended to be used with css-related color properties because the CSSPlugin already handles those. ColorPropsPlugin is meant to tween other color-related properties directly on your JavaScript object(s). To learn more read the ColorPropsPlugin documentation.
Recommended Comments
There are no comments to display.
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now