Attaaa Posted April 29, 2022 Share Posted April 29, 2022 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? Screenshot of the code, Sorry I can't reproduce my code in codesandbox. Thankyou! Link to comment Share on other sites More sharing options...
OSUblake Posted April 29, 2022 Share Posted April 29, 2022 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 More sharing options...
Attaaa Posted April 30, 2022 Author Share Posted April 30, 2022 Ah okay, sorry. This is the code See the Pen vYdYGKy?editors=0100 by attaaa (@attaaa) on CodePen Link to comment Share on other sites More sharing options...
PointC Posted April 30, 2022 Share Posted April 30, 2022 Looks like a good job for the Modifiers Plugin. See the Pen rNJNMGK by PointC (@PointC) on CodePen Hopefully that helps. Happy tweening. 4 Link to comment Share on other sites More sharing options...
Attaaa Posted May 1, 2022 Author Share Posted May 1, 2022 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 More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now