How to move circle in ractangular to circlur form.. So it move according to big circle..

Question

https://code.sololearn.com/We37nHr3qgDq/?ref=app

Answer 1

Use transform: rotate(1turn) at 100% with transform-origin set to the center pivot point of rotation.

https://code.sololearn.com/Wa3AXjI1G8PS/?ref=app

Answer 2

I think you could have a look into SVG animations & Paths. I tried it out a few years ago.

I don't remember where I learned it, but here's a source that may help

https://tympanus.net/codrops/2022/01/19/animate-anything-along-an-svg-path/

https://code.sololearn.com/Ww2NWPRTQRuF/?ref=app

Answer 3

Calviղ That is cool :D