iuras Posted January 4, 2023 Share Posted January 4, 2023 Hi, How to make text animation like on this website title animation? https://plastic.design/services Thank you. Link to comment Share on other sites More sharing options...
Rodrigo Posted January 4, 2023 Share Posted January 4, 2023 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! 2 Link to comment Share on other sites More sharing options...
Carl Posted January 4, 2023 Share Posted January 4, 2023 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 @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 4 Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now