How to implement Radial clip animation in gsap ( transform following jquery code to gsap )

[dheep]

Hello Team,
Following code pen has click event anywhere on page,
1. Could you please assist me in transforming jquery to equivalent result using gsap.

2. Also please suggest how to achieve same result if by clicking  any 5 menu items that animates radial clip path entire page by originating from any one menu item. ( Example: Clicking any navigation item from website: https://www.choreograph.com/ )

 

Regards
Prad.

See the Pen MWPQNqR by prad1490 (@prad1490) on CodePen

[GreenSock]

We don't normally do conversions for people, but this was easy enough and fun: 

See the Pen eYPMYve?editors=1010 by GreenSock (@GreenSock) on CodePen

 

This way should be much more performant that your old version and it also removes the jQuery dependency. 👍

 

Is that what you were looking for? 

[dheep]

I am sorry I dint mean to convert, due to time constraint I could not do that. Appreciate your help. Thank you Team