Jump to content
Search Community

SplitText problem with display: flex

Umberto test
Moderator Tag

Go to solution Solved by GreenSock,

Recommended Posts

Hi, I have a problem with SplitText.
When the animation finishes and the text is loaded, using


 display: flex;
 justify-content: center;
 align-items: center;

 

to center everything, I noticed a small click on the left.

This doesn't happen if I don't enter:

 

onComplete: () => {
           SplitLineOut.revert ()
           SplitLine.revert ()
              }

 

There is a solution?

Thanks

See the Pen BaVRgKV by umberto (@umberto) on CodePen

Link to comment
Share on other sites

36 minutes ago, Trapti said:

To me it looks fine you don't have to use "align-cc" class its already at center. 

 

The way text looks before the animation it is same after the animation. Text left align container center to the viewport.

Or Am I missing someting?

 

 

Thanks for the reply.

The animation is centered and that's ok.
If you notice, immediately after the animation finishes, the text moves and settles, creating a kind of flickering

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