HTML5和JS实现太阳、地球、月亮运行动画

HTML5和JS实现太阳、地球、月亮运行动画

一个简单的地球绕太阳旋转，月亮绕地球旋转的动画效果。注意，这是一个简化的模型，地球运行的圆形轨道的中心是太阳的圆心，月球运行的圆形轨道的圆心是地球的圆心。实际的我们知道天体运动要复杂得多。效果如下：

源码如下：

在这个示例中，我们使用CSS来创建太阳和地球的样式，并使用JavaScript来实现地球绕太阳旋转的动画。