bootstrap007

@mikel , That sounds great! Thank you very much. ?

Hi @mikel , Thank you very much. This is exactly what I am looking for. Really Appreciated for your time ??? Sure, I'll follow your instructions to create new forked pens for changes from now onwards. That motion path plugin video link helps. Thank You. Just one last and final concern : No need to use separate CDN files of TweenMax.min.js & TimelineMax.min.js In the new gsap 3.0 ? Shall we just use this one instead - <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.0.4/gsap.min.js"></script> ?

Hi @mikel, Thanks & really Appreciated. Just 2 concerns. Is there a way if I don't want to rotate the ball while "zoom in" in the end? Also is it possible to do this zoom in through an invisible path ? Thanks in Advance

Hi Everyone, How to rotate the ball continuously while running the bouncing animation and at the end of the animation I am trying to "zoom in" the ball to the screen's 100% which is not happening as you can see in the CodePen which i have created. Kindly check the CodePen and hope anyone could help me with this.

Hi Everyone, How to rotate the ball continuously while running the bouncing animation and at the end of the animation I am trying to "zoom in" the ball to the screen's 100% which is not happening as you can see in the CodePen which i have created. Kindly check the CodePen and hope anyone could help me with this. https://codepen.io/bootstrap007/pen/gObXeap Thanks.

This is exactly what i am looking for. Thanks a ton! ? Regarding your question - Actually I had posted this same question on Stackoverflow without any demo link and ppl started asking for a working demo. Then I made this HTML in a hurry and this is only for a demo purpose. Thanks! ZachSaucier

Thanks Mikel!

Can anyone give me some reference or code for how to animate out each elements jquery function or only using gsap before moving to the next link/page? I have created a HTML page with few elements like logo, one pic and one introduction paragraph. All these three elements animate and appear when the page loads and after this, when user click the next page I would like to have an effect like all these three elements animates out (reverse animation) and then moves to the next page. Any help would be much appreciated. I have created a demo below: https://codepen.io/bootstrap007/pen/eYOawXe