liquilife Posted April 14, 2022 Share Posted April 14, 2022 I am trying to sort through a simple way to fade in and out a couple of elements during a small trigger area. I've gotten far enough to get the desired elements to display none or block, and I could do some CSS trickery. But I'd rather my two elements fade in and out with the speed of the scrolling as opposed to just simply show and hide. The elements are the title on the left and button on the right. I'm sure timelines is the way to go, but I can't seem to set up a timeline without breaking my setup. Thank you for any help! See the Pen NWXLQpv by liquilife (@liquilife) on CodePen Link to comment Share on other sites More sharing options...
Cassie Posted April 14, 2022 Share Posted April 14, 2022 Heya! Here's a simple fade on scroll. I'm not certain if it's exactly what you're after, but the start and end triggers can be moved to fine tune it! See the Pen rNpqpEb?editors=1010 by GreenSock (@GreenSock) on CodePen Hope this helps Link to comment Share on other sites More sharing options...
liquilife Posted April 14, 2022 Author Share Posted April 14, 2022 Ahh thank you so much! I get it now. I did not need a timeline after-all. Appreciate your help! Link to comment Share on other sites More sharing options...
Cassie Posted April 14, 2022 Share Posted April 14, 2022 Timelines are useful if you have a few animations you have to play in a sequence. ☺️ 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