selfspirit

Thank you! that solves it. I was considering the Flip plugin but was hesitant to include a plugin just to move one item from right to left. Probably I will utilize more features of this plugin now on my site.

I am trying to create a page transition animation. In the codepen attached, you will find two sections. Both sections has the same H1 element, which I am trying to mimic that its moving from right to left as the page transition happen. The H1 element has initial margin-left: auto. to move it to the right side of the container. The animation works okay, however, when I run the timeline in reverse. It doesn't go back to its initial position. Can somene please guide me, I am new to GSAP. Also, if there is something else I could improve in this code. Please suggest. Thanks! Click on "Home" and "About" links on the top...