Masking text animation?

[pitz]

Trying to figure out how to create the following animation (see gif below). Anyone knows how to do it with WF?

Source > http://whydesign.ie/

Tried placing the text inside a div and scale the div, but then it compresses the text rather than cut it.

Any suggestions?

Thanks!

[avivtech (Aviv Shwartz)]

I recreated this-
https://text-animation-1.webflow.io/

https://webflow.com/website/Text-Animation
take a look

[pitz]

Cheers! Super easy

[TheBoyGeniuz (Gus)]

Hi @avivtech

Would really appreciate if you could you explain how this was done again. I’m trying to do the same thing.

Thanks very much

[avivtech (Aviv Shwartz)]

I edited my previous post with the updated links. You can take a look and clone the project

[TheBoyGeniuz (Gus)]

Hi @avivtech

Thanks so much for your response and updating your link. This worked really well for me!