NAP

Omg, thank you so much PointC! Beautiful, problem solved. Thanks again:)

Hi PointC, thanks for your reply! You're right, I forgot to add it to my codepen, i was wondering why it didn't look like my localhost version. So that didn't really solve my problem, the dots still fade in and become solid all at once instead of following the same animation path as the text. I updated the codepen, so it's easier to understand what I'm talking about. Thanks

Hi, I'm trying to create an actual timeline, with text on each side of the timeline line (please see my codepen). Once you scroll down the page I'm trying to make the text fade in and the corresponding circle next to the it fade in from hollow to solid all at the same time. My issue is that once the page loads every circle in a viewport becomes solid all at once, instead of one by one, and doesn't correspond with the text fade in. I'm brand new to coding, and all the animation stuff is very confusing to me still. Any help will be greatly appreciated. Thank you!