skrl Posted June 22, 2022 Share Posted June 22, 2022 I have seen this animation over at https://laurent.qodeinteractive.com/haute-cuisine/ with the image revealing. I was wondering if the best way to achieve a similar result with GSAP would be to have a mask above the image I want to reveal, and as soon as I scroll to the top of the image, then the mask should move downwards, effectively revealing the image. Is this the best way to do so, or do you have any better advice? Link to comment Share on other sites More sharing options...
elegantseagulls Posted June 22, 2022 Share Posted June 22, 2022 That site is animating the clip-path property. You could probably just do something like gsap.fromTo(img, { clipPath: 'inset(0, 0, 100%, 0') }, { clipPath: 'inset(0, 0, 0, 0') }); 1 Link to comment Share on other sites More sharing options...
skrl Posted June 22, 2022 Author Share Posted June 22, 2022 Cool, I'll have it tested and share any further thoughts. Thanks for the prompt reply! 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