coolester

I will definitely do that in my real project. Thank you PointC. (I was looking for you in point a and b but there you are. )

You guys are truly superheroes, Thanks a lot.

I'm sorry to ask an unclear question, I don't sleep properly and when I do so, my English doesn't get any better, does it? I created a pen actually, here: https://codepen.io/coolesterman/pen/gmJxpY?editors=0010 Explanation: Effect in and effect out only affect the blue square. every time you click on "create/update animation" button, every tween related to the blue square will be removed from the time line and the state of the blue square will reset, and then it gets two brand new tween for coming in and getting out. Problem: OK what is the problem now? if you select the "left" for the effect_in and hit "create/update animation" you will see the Blue Square immediately jump to the left, so we can see the tween affect it, but then if you select "fade" from the effect_in and hit "create/update animation" to create new animation, you'll see that the Blue Square doesn't get the opacity of zero at the start point. When I hit the "play" button it will work as expected. But why can I see it at the first place? Best regards

When the animation is paused and I create a tween with a button, I can't see the tween immediately, the tween will effect the element when I play obviously, but is there any workaround to see the effect even if the animation paused. example: when set the opacity of an element to 0 with a tween the I can still see the element, when I play the animation it will disapear immediately. Sorry if this question answerd before.

Yes, that was the answer (Kill & Reset), And thank you for making it crystal clear for me.

Hello again my friend, Manfred. could you look at this pen: http://codepen.io/coolesterman/pen/XMQrZd?editors=0010 Here I've got a tl (TimelineLite) and I have a tween for the pink square already, when you hit 'create/update animation' , a new tween will add to blue square, but before adding a new tween I need to delete an already attached tween to blue square, and then create a single new tween for it. So at any time there is just a single tween attached to blue square, its either 'fade' , 'left' or 'right'. How can I achieve this? sorry to bother, and thank you for the time you spend to see my example.

Hi Manfred, Thank you so much. I didn't know I could use 'TweenMax' even though I add the animation to a timeline, Very helpful thank you. But there is a problem, If I hit the kill button in your fiddle, it will kill the tween only if the timeline is playing, and if it is completed the kill button seems to do nothing. Why is that?

I have created a button, to remove all tweens of an element completely, forever, But It's not working, please help me. edit: I have noticed if the animation finishes and then I hit the button it will remove all the tweens of the timeline, which I don't expect because I specify to remove tweens of an specific element.