Jump to content


wipe transition effect

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

How can i expand a clip from top right corner in css n pure java script.
As shown in image.



Link to comment
Share on other sites



Absolutely, you can use the clip property to do so. You can check how it works here:






And a working GSAP sample with the code here(around the middle of the page):





  • Like 1
Link to comment
Share on other sites

This is a forum specifically for GreenSock's GSAP library.


Carl's solution only needs GSAP to accomplish this - jquery is used for a bit of selection and event management, but this isn't required. You can use regular javascript document.getElementById and onclick etc to trigger the tweens.


If you don't even want to utilise the GSAP library however, then you might have better luck on a more general javascript forum. We're focused on providing help and support to the GSAP library here.

  • Like 4
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.