Using scale3D in tween

[aki-sol]

Hi,

 

I want to implement implement scale3D in a tween. I couldn't find anything regarding that property in the docs, so I just tried it out and came to find out that scale3d and scaleZ are invalid properties in gsap. My goal is to achieve a scale movement like in this demo https://tympanus.net/Development/SmoothScrollingImageEffects/. I looked their code which is quite complex (for me at least) and also not how I would want to implement this.

 

Question 1: What is the best way to recreate scale3d in gsap?

 

Question 2: As far as I understand, it's advised against animating transforms (so in my case styling transform(scale3d) in css and animating in gsap). However, in this case were there is not scale3d property in gsap, would this be a fair case to animate the transform or is it still best to use another solution?

 

Bonus: When researching this topic, I was looking for a css property translation list for gsap tweens (essentially a list declaring how to reference css properties in gsap). Does such a list exist? 

Edited September 27, 2021 by aki-sol
formatting

[Cassie]

Hi Aki-sol,

 

That looks to me like a standard image scale. You can just say scale:1.4 That will use a transform.

There's a list of  properties you can use in this article -

 

 

[aki-sol]

Hi Cassie,

 

thanks a lot! It is a simple scale after all. In my project the issue ended up being something else. The article was just what I was looking for. I bookmarked it