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

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

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

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

[Cursor dot with text on hover]

Hi Team, Thank you for quick response. I found the solution by unsetting mix-blend mode property and with some conditional class name properties with z -index.

[Cursor dot with text on hover]

@ZachSaucier or @mikel  or greensock team,   Would you please let me know how to set fixed magnetic on hover color, In the forked code pen below

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

, If background tile changes On hover dynamically reflects different color. Thanks in advance. 

PS: In attached file, magnetic hover color is turned to violet, How Can I change it to say fixed color like white color background magnetic circle with black text.