Share Posted October 13, 2022 Hello, I need an advice about my codepen. I want to have a few sections with scrollTrigger and in between them to have fade in-fade out effect so you don't actually see that they are positioned from top to bottom. I want to achieve a feeling for a user when scrolling that sections are more like over each other just appearing and disappearing than to see edges of the sections and have a feeling that they are positioned like they are from top to bottom. The thing is when I set my ScrollTrigger like this - also the first section is having fade in effect from beginning and I want it - if first to be shown immediately and the last section not to have fadeout at the end of the scrollbar. I tried to achieve that with selectors :first-child and :last-child like added in the code but then not whole timeline is working in a proper way. Total goal of my page should be - having multiple sections with fade in/fade out transition in between. See the Pen rNvrmvz by ivevil (@ivevil) on CodePen Link to comment Share on other sites More sharing options...
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 account
Already have an account? Sign in here.Sign In Now