Jump to content


gsap.effects and scrolltrigger/splittext

Recommended Posts

Hi guys, 


First post here, to be complete i'll give you some framing. I'm a ux/ui designer hence i don't have a lot of hardcore experience with JS and i struggle with basic structures way too long. I've created quite some independent effects and just read about the gsap.effects method. Doh! I see some great and clear examples here but how to go about with effects that involve scrolltirgger and splittext ? 


In awe with the amount of great posts here, awesome community! 

Link to comment
Share on other sites

Hey kevp and welcome to the GreenSock forums. 


To add ScrollTriggers you simply need to include the ScrollTrigger code in the tween or timeline that you return to use it with effects:

See the Pen XWKWeKO?editors=0010 by GreenSock (@GreenSock) on CodePen


To do SplitText stuff it's similar but may need to change the methodology a little depending on the particular effect that you want to create. If you'd like our help debugging your issues please make a minimal demo using CodePen:


Link to comment
Share on other sites

Great reply Zach, thanks! This definetly points me in the right direction!

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.