Share Posted March 15, 2022 I’m doing some research into how you can reveal/mask fixed elements which contain both text and SVG. I’d like to replicate how immerser.js works but use GSAP and ScrollTrigger instead. Is this possible and, if so, could you point me in the right direction? Thanks in advance. Link to comment Share on other sites More sharing options...
Share Posted March 15, 2022 Hello and thanks for being part of club GreenSock! We appreciate the support. 💚 Yep, pretty much ✨ anything ✨ is possible with GSAP, ScrollTrigger and a bit of critical thinking! There are a lot of threads in the GSAP forums about masking with SVG too. Here's a thread... A wonderful article...https://www.motiontricks.com/svg-masks-and-clippaths And a demo of a mask being triggered by scrollTrigger... See the Pen XWgdmro by PointC (@PointC) on CodePen This should help set you off in the right direction. Happy to help with any GSAP specific questions or take a look at a minimal demo if you get stuck. Good luck with your project! 1 Link to comment Share on other sites More sharing options...
Share Posted March 15, 2022 Hi You can do same thing with ScrollTrigger, check official demos https://greensock.com/st-demos/ If you need more specific answer, please create minimal demo 1 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