Im trying to animate this polygon, but it starts at the bottom right corner. I want it to move from left to right with the top and bottom points in sync. What am I doing wrong here???
See the Pen qBVMmyE by Gemini7401 (@Gemini7401) on CodePen
Sorry about any confusion there - it looks like a regression since 3.6.0 that'd cause only CSS variables that are complex values (more than one number) to neglect animating the others beyond the first value, but that has already been fixed in the next release which you can preview at https://assets.codepen.io/16327/gsap-latest-beta.min.js
In the meantime, you can either use that beta file or I whipped together this cssVars plugin that'll work around it for you:
gsap.registerPlugi