Forum Discussion
fortheentries2
14 days agoCommunity Member
gsap transformOrigin not working in Storyline
Hi,
I'm trying to make an interactive graph where the user hovers over the bar on the graph and the height of the bar grows upwards with animation. I've been trying to use gsap with scaleY and transformOrigin: "bottom left" so that the bottom of the shape stays in the same place and its only the rest of it that transforms. However, no matter how I phrase this, the transformOrigin property doesn't seem to work and it scales with the origin in the middle. I've tested it in a browser demo (code written outside of storyline) and it works fine.
Does storyline support gsap transformOrigin?
My code is below (tested in codepen) and screenshots of file
https://codepen.io/fortheentries/pen/LEVWLoR
TriggersBefore scalingAfter scaling
No RepliesBe the first to reply