Hello all.
I am trying to animate the top value of a number of elements. Their tweens (four of them) are in a timeline but they are overlapped so the second one starts shortly after the first, and so on.
Here is an example of how things run:
when the first animation hits top: 50 the second one is at around 39px. There is also a brief 500 ms pause at this point.
At this point I would like to update the second animation position to 50px, then it should continue from 50 to say 70 which was it's original target. I tried using TweenLite.set() thinking there may be an internal pointer to the value so changing it directly in the DOM won't help. However, when the pause stops, the second animation continues from 39 instead of 50.
The reason I am doing this is not for visual purposes, I need a manually configurable percentage loader for the animation. I am actually animating other stuff, but the first animation is not the 50% mark, however I need to show that it is. So the hack at the top is what I figured might work, but I can't seem to get the tween current target to continue from where I need.
Thank you.
Dragos.