soydannybrooks

Thanks a lot @Carl, I was struggling with this animation like a month ago. Now I can finish my project. Thanks again.

Sorry to bother you @Carl, I want to know if it's possible to position another circle in the same button changing the initial coordinates or so. https://codepen.io/soydannybrooks/pen/rNQXZqR I have tried using the circle position (.circle-after) but still is in the same position as circle-before. Thanks in advance for your help.

Thank you both for saving my day. Hope you have a great day.

I created a pill-shaped button (border-radius of 55px) and gave it an outline border to which I added a couple of circles to be positioned on that outline border. I've also created an animation using GSAP, so that the circles move along the outline border created for that button, I'm new to GSAP and I can't think how I could do the semicircular movement part at the moment the circles reach the side edges (where the border-radius is shown). I would like to know if it is possible for you to help me with this part since I tried following an example I found in the forum (https://greensock.com/forums/topic/9581-circular-motion/) but I didn't really know how to apply it to my problem. Thank you very much for any help you can give me.