Search the Community
Showing results for tags 'textshadow'.
Found 1 result
-
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
