aki-sol Posted September 27, 2021 Share Posted September 27, 2021 (edited) 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 Link to comment Share on other sites More sharing options...
Solution Cassie Posted September 27, 2021 Solution Share Posted September 27, 2021 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 - 4 Link to comment Share on other sites More sharing options...
aki-sol Posted September 29, 2021 Author Share Posted September 29, 2021 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 Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now