DineshReddy

Hi, This is the website for the sample website https://www.cheatcodedesign.co/ On this website there is a section called design source optimization. I was trying to implement that section using gsap. Having an issue with the vertical line not matching with scroll speed and not supporting responsive for all screens. https://codepen.io/Aireddy-DineshReddy/pen/xxmxEpQ Thank you!

Hi Sujan, I have added gap match media now animation has stopped can you please help me out? https://codepen.io/Aireddy-DineshReddy/pen/xxmxEpQ Thank you.

Hi, This is the website for the sample website https://www.cheatcodedesign.co/ On this website there is a section called design source optimization. I was trying to implement that section using gsap. But having an issue with the vertical line not matching with scroll speed and doesn't support responsive for all screens. Thankyou!

@mvaneijgen Thankyou So much it worked.

Hi Everyone, I am trying to design a vertical line initially, the line should be displayed hide that touches each point when we scroll. total of 5 points is present in the design. line-height is 800px. each step height is 200. Also, animations are applying still in small and medium devices when the page first time loads. even have mentioned only for large screens

Thank you so much. I have made changes as you said but when I used match media for about 1024 scenes. it still applies in mobile screens when a user visits the site for the first time after the site loads the positions of circles are still showing as a large screen. I have written separate posiotn for mobile screen separately in CSS media queries.

Hi Everyone, I was new to gsap you can see the design I have tried gsap scroll trigger. In the first section, when we scroll those transparent circles need to come from the blue circle and place into their particular points. Also should support mobile I have tried using match media but not working. I have written the code if any changes please let me know. Please can anyone help?