[textShadow/boxShadow animation with object]

Hallo, we are working on a project using GreenSock,

 

and we are wondering how to animate textShadow or boxShadow with objects.

/* this is working */
var element = document.getElementById('animate');
                
TweenMax.to(element, 1, {
    textShadow: "10px 10px 10px rgb(0, 0, 0)",
    boxShadow: "0px 0px 5px 2px #F00"
});


/* this is not working */
TweenMax.to({
    textShadow: "10px 10px 10px rgb(0, 0, 0)",
    boxShadow: "0px 0px 5px 2px #FFF000"
}, 1, {
    textShadow: "10px 10px 10px rgb(255, 255, 0)",
    boxShadow: "0px 0px 5px 2px #FF0000"
});


/* this is working */
TweenMax.to({
    textShadowAlpha: 1,
    textShadowH: 1,
    textShadowV: 1,
    textShadowBlur: 1,
    textShadowColor: "rgb(0, 0, 0)",
}, 1, {
    textShadowAlpha: 1,
    textShadowH: 1,
    textShadowV: 1,
    textShadowBlur: 1,
    colorProps: {
        textShadowColor: "rgb(255, 255, 0)",
    },
    onUpdate: function() {
        var textShadow = this.target.textShadowH + "px " + this.target.textShadowV + "px " + this.target.textShadowBlur + "px " + this.target.textShadowColor;
        element.style.textShadow = textShadow;
    }
});

With the colorProps animation we managed to let it work with objects. Would it be possible to get help in animating objects/advices on the use of the plugins/Examples which are working?

 

Thanks a lot for the support,

Movad