Jump to content


How to animate a slider

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hello everyone, 


I would like to create a slider with some animated text inside.

I know how to position the slides and do the whole animation but i don't know how make the bullets correspond with the slides.

I guess It should be with addClass and removeclass? If so how do i find the current slide? and how do i do so with gsap?


As reference i have the header video slider on https://www.fjallraven.com/ (note: to see the bullets you have to scale down to mobile layout).


Thanks in advance,



Link to comment
Share on other sites

Hi @Daanliberta,


Welcome to the GreenSock Forums.


Here is an example:


See the Pen vJNRPQ by mikeK (@mikeK) on CodePen


Maybe it will help ...

Happy tweening.


  • Like 5
Link to comment
Share on other sites

Saw this before and totally forgot about it. Exactly what i needed!


Thanks Mikel

  • Like 3
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.