uavide Posted June 11, 2022 Share Posted June 11, 2022 Good morning, someone could help me to find a gsap tutorial or code that i have to add to an image, to have an effect like this that you can see from the main slide of this site when you scroll the page? https://wordpress-636524-2492319.cloudwaysapps.com/moheim/ So the image it seems to come close to you when you scroll the page, this is the effect that i would like to know how to make it with scroller trigger. Many Thanks Link to comment Share on other sites More sharing options...
GSAP Helper Posted June 11, 2022 Share Posted June 11, 2022 We love helping with GSAP-related questions, but unfortunately we just don't have the resources to provide free general consulting, logic troubleshooting, or "how do I recreate this cool effect I saw on another site?" tutorials. Of course anyone else is welcome to post an answer if they'd like - we just want to manage expectations. You can post in the "Jobs & Freelance" forum for paid consulting, or contact us directly. Otherwise, if you've got a GSAP-specific question just post that here along with a minimal demo and we'd be happy to take a look. Link to comment Share on other sites More sharing options...
SteveS Posted June 11, 2022 Share Posted June 11, 2022 @uavide ScrollTrigger. Create a div to contain the image with overflow hidden. Scale the inner image with a tween and set scrub true on the scrolltrigger. 1 Link to comment Share on other sites More sharing options...
John Deaton Posted June 11, 2022 Share Posted June 11, 2022 I’m on a cell phone so it’s hard to tell for sure, but it looks like they are animating the scale of the background image on scroll. As Steve said, use ScrollTrigger with scrubbing to increase the scale on scroll. Look in the dev tools first to make sure the scale is the correct parameter to change. good luck 2 Link to comment Share on other sites More sharing options...
uavide Posted June 15, 2022 Author Share Posted June 15, 2022 Thanks to everybody...Have a nice day 1 Link to comment Share on other sites More sharing options...
Cassie Posted June 15, 2022 Share Posted June 15, 2022 Thanks for jumping in to help @John Deaton! It's rare that someone's first post is helping out. Hope to see you around - Welcome to the forums 💚 2 Link to comment Share on other sites More sharing options...
John Deaton Posted June 15, 2022 Share Posted June 15, 2022 37 minutes ago, Cassie said: Thanks for jumping in to help @John Deaton! It's rare that someone's first post is helping out. Hope to see you around - Welcome to the forums 💚 Hi Cassie. Thanks for the welcome note. I can tell that you guys have built an excellent community and certainly a great product! You're welcome. I've got to be honest that it is somewhat selfish because I learn more from trying to help others than most other ways . But seriously, I do hope that I am able to help someone. Take care. 1 1 Link to comment Share on other sites More sharing options...
Cassie Posted June 15, 2022 Share Posted June 15, 2022 Same here! I've learnt a lot from helping out in the forums. It's a great tactic. ☺️ 2 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