[make a tween and see the effect immediately]

1- I'd still recommend separate variable names for clarity. But maybe that's just me.

2- I'd also prevent the start time from being greater than or equal to the end time.

 

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. )

[make a tween and see the effect immediately]

You guys are truly superheroes, Thanks a lot.

[make a tween and see the effect immediately]

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:

See the Pen gmJxpY?editors=0010 by coolesterman (@coolesterman) on CodePen

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

[make a tween and see the effect immediately]

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.

[kill all tweens of an element]

Does that help?

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

[kill all tweens of an element]

Hello again my friend, Manfred. could you look at this pen:

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.

[kill all tweens of an element]

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?

[kill all tweens of an element]

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.

See the Pen XMQrZd?editors=0010 by coolesterman (@coolesterman) on CodePen