Jump to content
GreenSock

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

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

Share this post


Link to post
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:

http://codepen.io/GreenSock/pen/LEKXYo

 

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

Thanks!

  • Like 1

Share this post


Link to post
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

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. 


  • Recently Browsing   0 members

    No registered users viewing this page.

×