Jump to content


Trigger multiple elements on same scroll level but animate them at different times

Moderator Tag
Go to solution Solved by mikel,

Recommended Posts

Hi there, sorry if this is a dumb question, i'm very new to using gsap and animations. I want to animate a section on my page on scroll, its a heading, text and image. However I want to sequence or delay each of the 3 elements so they animate on after another. 


I scoured the docs and this forum but couldn't find anything that related to this. I'm aware there's timelines but I couldn't get that to work with the scrolltrigger. Any help would be really appreciated

Link to comment
Share on other sites

59 minutes ago, mikel said:

Hey @saf94,


Welcome to the GreenSock Forum.


Does this example clarify your questions?





Happy tweening ...



Yes perfect! Thanks so much!

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