Jump to content
Search Community

Issues with split text character masking

crmichael test
Moderator Tag

Recommended Posts

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,


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

Link to comment
Share on other sites



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!

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