Jump to content


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

Moderator Tag
Go to solution Solved by GreenSock,

Recommended Posts

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/ )



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

Link to comment
Share on other sites

  • Solution

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? 

  • Like 2
Link to comment
Share on other sites

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

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.