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