Jump to content
Search Community

scrollTrigger start new item on same line

Jessiu test
Moderator Tag

Go to solution Solved by PointC,

Recommended Posts

Hi @Jessiu :)

 

Welcome to the forum.

 

Sounds like you're looking for the SplitTextPlugin.

 

That would allow you to split the text into lines and set up a ScrollTrigger for each one. The plugin is a perk for Club GreenSock members, but you can try it on CodePen for free.

 

See the Pen 462fb94d7a45cc5239461a133c8c6211 by PointC (@PointC) on CodePen

 

Hopefully that helps. Happy tweening and welcome aboard.

:)

 

  • Like 2
Link to comment
Share on other sites

Isn't that what your original demo is doing? Each <li> is triggering a color change. I don't follow your desired outcome. If you want the <li> elements to be on individual lines, you'll need to change your CSS and get rid of the display:inline.

 

ul#hometext li {
/*   display:inline; */
  font-size:80px;
}

 

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