Issues with split text character masking

[crmichael]

Hi All,

 

I am trying to implement a split text character mask for some of the titles on a website i am developing. I have managed to mostly acheive this however when the titles are in the initial viewport the mask isn't present. I am unsure if the line height or some other things are conflicting. 

 

Here is codepen for reference - 

 

Here is the page in question - https://hotbuttered.websitestaging.live/rainbows/wing-pin/

 

Any help here is much appreciated.

 

Kind regards,

Chris

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

[Rodrigo]

Hi,

 

I read your post a few times and I'm not completely clear about what is the issue you're having with Flash of Unstyled Content (FOUC):

 

I created a fork of the codepen example:

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

 

Hopefully this helps. If you keep having issues, please be as specific as you can about what you intend to do and how is not working.

Happy Tweening!