mmetahero

I got animation like in the video attached that is triggered via the code below: // tab is the html div object of the clicked tab button // blue line is the html div object of the line below the buttons gsap.to( blueLine, { duration: 0.5, left: tab.offsetLeft, width: tab.offsetWidth, overwrite: false, lazy: false } ) As you can see on the video it looks like gsap is resetting the "left" property to 0 and animates it from there. Is there a way to not reset the value and instead animate from the current property value? I couldn't find anything about it in the docs or forum. Screen Recording 2023-01-24 at 00.43.10.mov

@Cassie I've managed to get it working. Changed package manager from yarn to npm.

I'm trying to deploy my app to vercel. I tried with these two tutorials: https://vercel.com/guides/using-private-dependencies-with-vercel https://blog.privjs.com/article/how-to-install-club-greensock-packages-on-vercel I keep getting error like below: error An unexpected error occurred: "https://npm.greensock.com/@gsap%2fshockingly/-/shockingly-3.11.4.tgz: Request failed \"403 Forbidden\"". To summarize what I did: 1. Installed gsap shockingly package with command below: npm install gsap@npm:@gsap/shockingly 2. Created ".npmrc" file in the root dir of my project with content like below: always-auth=true @gsap:registry=https://npm.greensock.com //npm.greensock.com/:_authToken=MY-TOKEN-HERE 3. Set up environment variables in the Vercel project using commands below: vercel env add NPM_RC production < ~/.npmrc vercel env add NPM_RC preview < ~/.npmrc vercel env add NPM_RC development < ~/.npmrc 4. Verified in Vercel that ENVs are indeed created with correct values 5. Initialized deploy. To be clear installing locally works as intended. Please help