tamlyn

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?

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?

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