SVG Logo Effect

[Daniel Silva]

Hello.

Can anyone point me to a tutorial, documentation or lib that replicates the effect of this site's logo below?

https://vintage.agency/

 

Thank you very much in advance.

[Rodrigo]

Hi,

 

If you inspect that site with devtools you'll see that the text elements are masked with SVG and on those masks (in a defs tag actually) are somehow morphing a path, so you should look at that and see what exactly is being done and try to replicate it with the MorphSVG Plugin:

https://gsap.com/docs/v3/Plugins/MorphSVGPlugin

 

Finally I'd recommend you to check this great thread by @mvaneijgen about masking:

 

Hopefully this helps.

Happy Tweening!