Jump to content
Search Community

Slider animation

kaique test
Moderator Tag

Recommended Posts

Hey kaique and welcome to the GreenSock forums. Thanks for supporting GreenSock with a Club membership!

 

To build this sort of thing you should start small and then build on what you have. There are two main ways of approaching this sort of thing:

  1. Create a static timeline animation that animates all of your elements in the way that you want them to be. Make sure to duplicate the first few entries to the end so that it can infinitely loop. Then when the progress reaches one, immediately change the progress to 0. I'd probably use this approach.
  2. Use the modifiers plugin to infinitely loop your entries. Then perhaps use ScrollTrigger to do the scaling animations and such. This would likely be more management if you need infinite looping though because you'd have to create and destroy ScrollTriggers. 

In both circumstances it probably makes sense to keep your entries with position: absolute to make calculations easier. It will definitely take some time to get it working well.

 

Happy tweening!

  • Like 1
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.
×
×
  • Create New...