Jump to content
GreenSock

iuras

Text animation reveal with custom ease and clipPath

Recommended Posts

Hi @iuras and welcome to the GreenSock forums!

 

This can be achieved easily using the SplitText plugin:

 

Here is a live example:

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

 

Hopefully this helps. Let us know if you have more questions.

 

Happy Tweening!

  • Like 2
Link to comment
Share on other sites

that was my first guess too @Rodrigo however, it seems that on further inspection it is using a triangular clip-path that animates to a full rectangle.

 

Here is a screen shot 936112860_ScreenShot2023-01-04at9_59_13AM.thumb.png.ebc49eb5310b8255902909494718cef5.png

 

@iuras I had a similar demo from my GreenSock courses so I made a few tweaks to the polygon coordinates. 

Maybe this will help

 

See the Pen BaPLVmL by snorkltv (@snorkltv) on CodePen

 

 

  • Like 3
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.
×