TDWebDev Posted February 20 Share Posted February 20 Hi, Not sure if this is an issue with my initialisation or if im doing something wrong elsewhere, Essentially i'm trying to enlarge my path to fill the screen on click, But while it's not enlarged moving it should reveal parts of my hero. (As it does currently) If you enlarge the hero and then close it or leave the hero and come back the blob appears to be in the incorrect position? Thanks for any help See the Pen OJqGQwN by Thomas-Deer-the-animator (@Thomas-Deer-the-animator) on CodePen Link to comment Share on other sites More sharing options...
Solution Toso Posted February 20 Solution Share Posted February 20 I think the problem happens because you are not listening for the scrolling event I created a quick demo where you listen to leave and enter events on the section and also the scrolling See the Pen KKEYodo?editors=0010 by ahmed-attia (@ahmed-attia) on CodePen See the Pen wvOZmLx by ahmed-attia (@ahmed-attia) on CodePen another one with border-radius and mix-blend-mode instead of svg and clipping to edit the border-radius https://9elements.github.io/fancy-border-radius/ See the Pen BabEPbx?editors=0110 by ahmed-attia (@ahmed-attia) on CodePen I hope this helps a little, PS: this code was created by (gsap helper 🫡 or Rodrigo 🫡 I can't remember ) he added it as a solution in a different scenario i just added the scale to get closer to your idea 3 Link to comment Share on other sites More sharing options...
TDWebDev Posted February 20 Author Share Posted February 20 This is perfect, Had to adjust it a little to get what i required but this is exactly what i needed, Thankyou! 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