Liquid animation effect?

[redfawx]

Hi fellow animators! I have just begun my journey into GSAP and saw a really nice effect on a website: http://taotajima.jp/works/xperia-ear/
 

The effect I'm curious about replicating is when you click the play button and the circle scales to the full screen in a liquid motion. 

 Is this possible with GSAP?

 

 And is this possible to manipulate a div with a background image css property applied to it?

 

Thank you for your time

[mikel]

Hi @redfawx,

 

Yes you can!

for liquid motion: Check out e.g. the MorphSVGPlugin...

https://greensock.com/docs/#/HTML5/Plugins/MorphSVGPlugin/

 

It's a paid plugin, but you test it out for free on CodePen...

See the Pen rOjeRq?editors=0010 by GreenSock (@GreenSock) on CodePen

 

As @PointC mentioned in your first thread:
If you have specific GSAP problems or questions, we're happy help. Providing a demo will get you the best possible answers. More info:

 

 

 

Best regards

Mikel