Oribitiing Circle без вращающегося предмета [дублировать] ⇐ CSS

[Anonymous]

Я пытаюсь орбит элемент вокруг круга, но проблема заключается в том, когда кружит орбиту с анимацией, все элементы орбита вокруг себя. Я пишу анимацию на нем с помощью Transform Rotate, и вот ссылка на проект и коды: https://jsfiddle.net/tg3o4ck2/
Вот анимация:
@keyframes orbite {
0% {
transform: rotate(0);
}
100% {
transform:rotate(360deg);
}
}
< /code>
Эта анимация добавлена ​​в контейнер орбиты. У элементов нет анимации, и я думаю, что элементы не должны иметь никакой анимации, но я не могу понять, как я могу решить эту проблему.

Подробнее здесь: https://stackoverflow.com/questions/731 ... iting-item