[Tweening transform in viewport units]

This works:

TweenLite.to(el, 1, {top: '100vh'})

But this doesn't:

TweenLite.to(el, 1, {y: '100vh'})

In the first instance the elements ends up with style="top: 100vh" but in the second it ignores the unit and ends up with style="transform: translate3d(0, 100px, 0)". 

 

Any way to force the transform tween to use viewport units? 

[Animating clip-path]

I'm trying to convert a CSS transition to use GSAP because I need more control over it.

 

The CSS produces a triangular wipe from the outside to the centre:

    -webkit-clip-path: polygon(50% -150%, 170% 150%, -70% 150%);
    transition: -webkit-clip-path 3s;

    &.wipe {
        -webkit-clip-path: polygon(50% 50%, 50% 50%, 50% 50%);
    }

However when I port it to TweenMax (see Code Pen) I just get the first and last frames, no tweening. I know there is a policy of not supporting non-standardised properties but I would have expected it to just do string interpolation on the polygon spec. Am I doing something wrong?

See the Pen VYjPvE by tamlyn (@tamlyn) on CodePen

[Draggable - How to check if Object is disable or not]

FYI this method had been added but is not yet documented at http://greensock.com/docs/#/HTML5/GSAP/Utils/Draggable/