Share Posted June 9, 2020 I'm trying to animate a clipPath <rect> width from 0 to 100% using scrollTrigger and scrub and would like it to grow from the centre. I've tried using transformOrigin which seems to work because it only fills 50% of the space so presume the other half is off screen and the centre is actually on the left of the window? I managed to get it working using css transform-origin with toggleClass on click of a button but dropping it into GSAP seems to present a new problem. I've attached a screen of the transforms applied, I'm wondering does GSAP affect the data-svg-origin attribute see here? Any help would be greatly appreciated. See the Pen oNbbxEN by Cottonltd (@Cottonltd) on CodePen Link to comment Share on other sites More sharing options...
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!Register a new account
Already have an account? Sign in here.Sign In Now