Welch08

Got it! Well, in general, you are right, in fact, this is a unique case, so better just manually set timings, rather than calculate them somehow. wow, a great way to use pin and transform, thanks, I'll use! Thanks!

Hi everyone! I'm trying to implement SVG drawing on scroll based on example. Currently, I have achieved some results (attached codepen), and I have a couple of questions: The timing of the circles is hardcoded (manually set by the selection method). How can I calculate them correctly? Is it possible to do this automatically? Can I somehow calculate when the line intersects the circle trajectory and launch the animation at that moment? Is it possible to slow down the filling and the scroll itself? If the SVG fit on one screen, I think I could use pin, but since it doesn't, is it only possible to achieve this using a custom scroll? I would appreciate any help or advice. Thank you in advance!

Hi, thanks for your responsiveness. Need to look about the effects, somehow I missed it, but the truth is - not so long ago I started using GSAP.

Hello everyone! I decided to make a personal script for typical animations that can be transferred from project to project. So, the idea is to put default classes/attributes to launch the necessary animations when scrolling. So, I would like to know how smb implemented similar functionality, maybe there I'll find some optimization tips ?, because I'm not sure that this is the best solution for this task.. Here is my solution for now