Jump to content
GreenSock

Attaaa

Infinite Vertical Animation

Recommended Posts

Hello,

 

I'm new to gsap and need some help.

I try to create infinite animation like the image below. Is there any efficient gsap way to make animation like this?

 

chrome-capture-2022-3-29.gif

 

Screenshot of the code, Sorry I can't reproduce my code in codesandbox.

 

code-anim.png

 

Thankyou!

Link to comment
Share on other sites

Welcome to the forums @Attaaa

 

If you need help, please provide a minimal demo. You don't need to include everything in your project or even React. Just make a simple CodePen that focuses on the animation.

 

Link to comment
Share on other sites

Looks like a good job for the Modifiers Plugin.

 

See the Pen rNJNMGK by PointC (@PointC) on CodePen

 

Hopefully that helps. Happy tweening.

:)

 

  • Like 4
Link to comment
Share on other sites

This looks cool! modifiers and delayedCall() are something new for me and I never thought you can using oncomplete() to restart animation like that. Thanks @PointC. This helps me a lot.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×