Solar.css 纯CSS太阳系动画 勘探 太阳系：用纯CSS相对于它们的相对大小按比例显示太阳周围的行星，物体和轨道。 到太阳的距离在数学上被缩放并定位为理想视图。 动画的持续时间会通过真实的恒星周期相对于地球年及时缩放。 动画中的地球一年为10秒。 小行星带由纯CSS生成。 3D模式下的太阳能系统。 一些有趣的微动画。 如果您喜欢的话，请考虑或。 数据 目的 半径（公里） 恒星期（年） 到太阳的距离（公里） 太阳 696000 -- -- 汞 2440 0.240

在Pure Web Animations API（WAAPI）中创建太阳能系统 这样就可以轻松创建其他任何太阳系！ :rocket: 示例： ： 切记通过将与使用来检查此处用于为太阳系制作动画的Web组件的资源库，以便可以将相同的逻辑用于VanillaJS，Angular，React，Vue等！ :satellite_antenna: 一起享受天堂！ :telescope: :dizzy: 学分 :thumbs_up: 纯CSS太阳系动画： : 配套 :clinking_