Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

GSAP Incorrectly Animating CSS clip

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

This is supposed to be a sidebar that pushes the entire page when clicked, but the clip animation is not working the way it should. Help?


Using Google Chrome.

See the Pen WbqaPp by anon (@anon) on CodePen

Link to comment
Share on other sites

Hi and welcome to the GreenSock forums,


Sorry to hear about the trouble.

Viewport units with clip are not supported at this time.

Currently we use px during the tween as traditionally those were the only units available with clip.

Will let you know if we have plans to add support for new units. Decent chance.



Thanks, for the demo, however it took some time to decipher. 

In the future please leave some instructions, clean up the css so its readable, only tween the properties that are problematic, and try to make the thing we are supposed to click easier to see.

Something like:



It will go a long way in helping us help you.


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