Jump to content
GreenSock

takachan

[HELP] GSAP Scrolltrigger Text Animation

Go to solution Solved by GreenSock,

Recommended Posts

Good day, 

 

I want to create a text reveal animation as shown on the codepen as a scrolltrigger.

To have the animation starts when the trigger reached the middle of the screen when scrolled.

Can someone help me?  

 

 

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

Link to comment
Share on other sites

  • takachan changed the title to [HELP] GSAP Scrolltrigger Text Animation
  • Solution

You've gotta load ScrollTrigger and also update your version of GSAP. 

 

Is this what you want?:

See the Pen yLbKVPE by GreenSock (@GreenSock) on CodePen

  • Like 1
Link to comment
Share on other sites

oh wow thank you! just what I wanted!

now i just need to figure out a way to have the animation not on repeat... 

Link to comment
Share on other sites

30 minutes ago, takachan said:

now i just need to figure out a way to have the animation not on repeat... 

Remove the repeat: -1 line on your timeline :)

  • Like 1
Link to comment
Share on other sites

Thank You!! Got everything to work as I wanted. 

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