Как реализовать анимацию вращения планеты вокруг солнца?

Question

[Вячеслав Мулюкин]

Как с помощью css анимации реализовать вращение объекта относительно другого ?
Пробовал с помощью transform rotate но она получаеться какойто кривой.

Answer 1

[Денис Инешин]

Более сложные анимации лучше делать например на d3.js, где для этого есть все нужные инструменты и можно написать нормальную формулу вычисления траектории, а не имитировать на CSS.

Answer 2

[sergey]

Вот тебе урок

Answer 3

[srko]

Вот есть такое (github).

Answer 4

[Евгений]

Чтобы было не кривой, сделай так чтобы центр вращения совпадал с геометрическим. Т.е. если ты вращаешь квадрат, то центром будет пересечение диагоналей, он должен совпадать с центром солнца. Если я всё так понял. В векторном редакторе это всё достигается элементарно, инструментом выравнивания объектов.