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

Hi @evomedia.lt,

 

Something like that ...

 

 

Happy tweening ...

Mikel

 

 

  • Like 5

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: 

 

 

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.

 

 

Kind regards

Mikel

 

 

  • Like 2

Share this post


Link to post
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.