mangobanan
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by mangobanan
-
-
Hey everyone,
I am still learning the basic with GSAP but liking it so far.
I made this codepen and have some trouble making it more smooth. Basically whenever you click the move button, the first red box should move behind the next blue box in a semicircular motion, as to indicate it goes to the back of the queue sorta like a Jukebox as it flips through the records! I'm just having some trouble getting that semicircular motion down and making it look great as it flips back as well.The back animation shouldn't start at the center of the second blue box either but rather just next to it as to illustrate it comes back, but I guess that's just adding a new frame inbetween with another x coordinate?
See the Pen QWQZpoe by itsmeagian (@itsmeagian) on CodePen
How to smoothen behind animation
in GSAP
Posted
Thank you so much @PointC! Exactly what I was going for, I never knew about the transform perspective which is really useful! I really appreciate it