Jump to content


Text Animation Mask

Recommended Posts

Hi, i'm trying to replicate the animations of the texts of this site: https://designcanada.com/


For example, how can i replicate the animation of "Stuart Ash" or "Canada's heritage of graphic design" ?


It's seem that there is a mask over all. 


is there a particular function in GSAP? Now i only use a motion like this 


TitoloSezione1Tl.from($TitoloSezione1, 0.5, {x:100, delay:1, opacity:0, ease:Power1.easeOut});


Thank you all



Link to comment
Share on other sites

is perfect! what was missing me was the wrapper with hoverflow hidden





  • 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.