Jump to content
Search Community

Is this possible with GSAP

MarcFN test
Moderator Tag

Go to solution Solved by Rodrigo,

Recommended Posts

  • Solution

Hi @MarcFN and welcome to the GreenSock forums!


If you inspect that site you'll see that each letter is wrapped in a <span> tag, so basically they are switching each span between opacity 0 and 1 as you scroll up and down.


Something like that could be easily done with SplitText and ScrollTrigger:

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


Is worth pointing that the SplitText Plugin is a Club GreenSock perk, but you can try it for free and experiment with it on Codepen without any issues.


Let us know if you have more questions.


Happy Tweening!

Link to comment
Share on other sites

  • 2 months later...
Thank you very much for your reply,
at the first moment it looks quite good. But now in practice it turns out that if I pull the display smaller than 600px the content does not adapt (responsive). 
Is there a solution for this?
Thanks for your answer in advance,
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...