Is it possible make this animation with gsap?

[mmorrii]

Hi guys. I just started learning gsap. Can you tell me if it's possible create such animation of theme change on website with gsap? If possible, tell me please how you would implement it. Thanks

[Rodrigo]

Hi @mmorrii and welcome to the GSAP Forums!

 

Definitely that could be done with GSAP but it might not be extremely trivial. Not super complex though, but definitely not something I'd start with if I was you.

 

That could be done using the MorphSVG Plugin:

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

 

These demos by @PointC and @OSUblake can illustrate that:

See the Pen BYRavx by PointC (@PointC) on CodePen.

 

See the Pen BYwgBg by osublake (@osublake) on CodePen.

 

Hopefully this helps

Happy Tweening!