Recreate preloader

[kresogalic]

Hey guys, i want to recreate this preloader on the website. https://talent.foam.org/

 

Can anyone help me with it? 

[PointC]

Since you're a Club member (Thank you!), you can use SplitText.

 

I'd probably split to words and use the width of each div for the moves and fade-ins. Maybe something like this.

 

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

 

You'll need to account for small screens and resize events but this should get you started. If you have any GSAP related problems with it, we'd be happy to help.

 

Thanks again for being a Club member and happy tweening.