Forum Discussion

fortheentries2's avatar
fortheentries2
Community Member
14 days ago

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

Triggers

 

Before scalingAfter scaling
No RepliesBe the first to reply