vulpix Posted June 16, 2022 Share Posted June 16, 2022 I'm creating a background effect from blur to clear when scrolling. starts with filter: blur(30px) when image enter viewport. and then more clear with filter: blur(0) after top of image reach top viewport using gsap fromTo and add utils for css filter. but i have no idea for now. can help please? See the Pen GRQedNR by vanydiah (@vanydiah) on CodePen Link to comment Share on other sites More sharing options...
PointC Posted June 17, 2022 Share Posted June 17, 2022 Welcome to the forum I'm not really sure what's going on with all your JS, but here's a simplified fork of your pen with a blur filter scrubbed with ScrollTrigger. See the Pen 3e7e8e609e92cf29af7b0ea4841049a5 by PointC (@PointC) on CodePen Simplified demos are greatly appreciated with questions. Happy tweening. 2 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