Making cursor stick to circle path
Hey guys!
Does anyone know how to make a cursor stick to a circle path. I'm working on this fun side thing : https://round-slider.webflow.io/
It was inspired by: https://www.brybry.co/
When you hover over the timeline, a cursor shows up but it's glued to the circle path, does anyone know how that's being done?
Also, what do you think is the best way to update the states of the dots? The way I have it set up now is an interval function that update 10 times/second. That function updates the progress of the timeline as well as the dots. My problem is that it checks for which dots should be active 10 times a second, I'd rather have it sort of dispatch an event when it reaches the percentage which updates the dot. How do I do that?
Thanks!
Does anyone know how to make a cursor stick to a circle path. I'm working on this fun side thing : https://round-slider.webflow.io/
It was inspired by: https://www.brybry.co/
When you hover over the timeline, a cursor shows up but it's glued to the circle path, does anyone know how that's being done?
Also, what do you think is the best way to update the states of the dots? The way I have it set up now is an interval function that update 10 times/second. That function updates the progress of the timeline as well as the dots. My problem is that it checks for which dots should be active 10 times a second, I'd rather have it sort of dispatch an event when it reaches the percentage which updates the dot. How do I do that?
Thanks!
The interactive portfolio of creative and designer Bryan James
