Jump to content
evomedia.lt

Text revealing animation

Recommended Posts

Hi, how to make this text animation with GSAP? :)

 

https://codepen.io/yemon/pen/dzgmxJ

Share this post


Link to post
Share on other sites

hmm, it looks like your demo went away while i was working on this and I deleted the css animations.

 

Here is a basic approach: 

 

See the Pen aPQoJN?editors=0010 by GreenSock (@GreenSock) on CodePen

 

I didn't have time to match the timing. So weird to have to figure out things like what 15% of 7 seconds is or to script an animation by percents and then apply an overall duration. 

 

Hopefully you find the GSAP way is MUCH more intuitive. Definitely spend some time here: https://greensock.com/position-parameter

 

 

  • Like 2

Share this post


Link to post
Share on other sites

Hi,

 

Timing is also a matter of taste. I like it uniformly linear, both moves end at the same time.

 

See the Pen pqQJyY by mikeK (@mikeK) on CodePen

 

Kind regards

Mikel

 

 

  • Like 2

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

  • Recently Browsing   0 members

    No registered users viewing this page.