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-