Line Reveal on Scroll for Multiple Elements

[Lance Woolf 1 Likes (Newbie)]

Hi All,

I have the split text animation working ok, scroll trigger is ok. I just need to set my code up to so I can have multiple paragraph tags <p> per page or section. The idea is that I can drop another paragraph element in, slap a class on it and it will reveal when itself is in the viewport.

Currently, I seem to be triggering the lot of elements, rather than a single p element on scroll.

 

Please see code pen attached, Hopefully it is straight forward. Thanks in Advance.

 

See the Pen poZoQZK by windpixel (@windpixel) on CodePen

[GreenSock 18,890 Likes (Superhero)]

I assume you wanted to do something like this?: 

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

 

I added some code to make it responsive just in case. Your current layout has fixed widths, so it doesn't really help much here but if you need to accommodate text reflow on window resize, you've got a solution

 

I hope that helps. And thanks for being a Club GreenSock member. 💚