Anurella Posted June 16, 2021 Share Posted June 16, 2021 (edited) Please I am trying to simulate the effect as seen in this video, any help with direction is welcome. I have tried to skew and rotate, it seems not to work. sample(2).mp4 See the Pen gOmZBLO by Anurella (@Anurella) on CodePen Edited June 16, 2021 by Anurella The height of the initial video was too long Link to comment Share on other sites More sharing options...
OSUblake Posted June 16, 2021 Share Posted June 16, 2021 Hi @Anurella Replicating that exactly would probably require you to use WebGL, like PixiJS or three.js. Maybe try animating each letter separately. See the Pen GRWzOyW by GreenSock (@GreenSock) on CodePen 1 1 Link to comment Share on other sites More sharing options...
Anurella Posted June 16, 2021 Author Share Posted June 16, 2021 Thank you @OSUblake I have edited it but the wave is not smooth without the repeat and yoyo and i do not want it to repeat. Link to comment Share on other sites More sharing options...
Solution Cassie Posted June 17, 2021 Solution Share Posted June 17, 2021 Hi pal! You can simplify your approach down quite a lot though by using staggers and just targeting the class rather than looping around. If you're looking for smoothness maybe try a different ease, or a different duration? 'sine' is often nice and smooth. See the Pen poeGmqw?editors=0010 by GreenSock (@GreenSock) on CodePen 3 1 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