Как сделать анимационный круг?

Question

[Артур Левенсон]

Подскажите пожалуйста, как сделать так, чтобы получился такой анимационный круг:


Сложность заключается в формирование данного круга, все текущие объекты прижаты друг к другу. Нужно сделать расположение кругов и объектов, было как на картинке примера. Подскажите пожалуйста как можно это сделать. Движение кругов должно быть одинаковым

https://codepen.io/kiskiskit/pen/dyRbmbj

Comments

[Максим]

а что надо - что бы красные точки крутились по окружностям ?

[Артур Левенсон]

Brasileiro, да, всё верно

[Максим]

Артур Левенсон, минут через 20 -40 зайди сюда и проверь

[Артур Левенсон]

Brasileiro, хорошо, спасибо большое!

[Максим]

Артур Левенсон,

[Артур Левенсон]

Brasileiro, огромное спасибо! это именно, то что мне нужно. а не подскажите как сделать движение кругов более плавнее? какое свойство стоит применить?

[Максим]

Артур Левенсон, время - можете поставить по больше 12 сек и так далее - исправил

[Артур Левенсон]

Brasileiro, наблюдаю проблему. дёргаются синие круги. подскажите пожалуйста, как можно это исправить?

[Максим]

Артур Левенсон, вот этот вопрос задайте лучше - как сделать css animation без рывков

[Артур Левенсон]

Brasileiro, спасибо