GSAP Incorrectly Animating CSS clip

[brandongs2]

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

[Carl]

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!