Clou Posted January 20, 2023 Share Posted January 20, 2023 Hello, i want to achieve bigger zoom and "go through" effect, now my zoom animation stops when object gets on window borders... See the Pen qBypNWd by matev-pevec (@matev-pevec) on CodePen Link to comment Share on other sites More sharing options...
Trapti Posted January 20, 2023 Share Posted January 20, 2023 Increase the scaling, as of now it is going from o.1 to 1. Make it bigger like 2-3?. To play for long adjust the end value of trigger accordingly. Link to comment Share on other sites More sharing options...
Clou Posted January 23, 2023 Author Share Posted January 23, 2023 Thank you, i cant find any instructions how to do scale for example from 0.1 to 3.. Link to comment Share on other sites More sharing options...
Trapti Posted January 23, 2023 Share Posted January 23, 2023 Since you are using .from tween. You can set initial scale of the SVG to be 3 using `gsap.set("svg", {scale: 3})`. So initially it will be 3 and then from tween will go 0.1-3. 1 Link to comment Share on other sites More sharing options...
Cassie Posted January 23, 2023 Share Posted January 23, 2023 * just a little note that increasing the scaling with transforms might lead to some resolution issues, blurryness and suchlike. The easiest way to do this is to set the initial size in your css correctly. Right now the image is 100% width in your CSS, if you want it bigger, you can increase the size. This isn't a GSAP thing, just to do with your initial CSS setup. See the Pen gOjvzQq?editors=0010 by GreenSock (@GreenSock) on CodePen 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