css3加js做一个简单的3D行星运转效果

前几天在园子里看到一篇关于CSS3D行星运转的文章，原文在这里，感觉这个效果也太酷炫了，于是自己也就心血来潮的来尝试的做了一下。因为懒得去用什么插件了，于是就原生的JS写，效果有点粗超，还有一些地方处理的不是很好，如果有好的建议万望留言告知，不胜感谢。源代码已上传到github上，点这里获取。好了不说废话了，下面附上代码。

HTML部分

<div class="path-Saturn">    <div id="Saturn" title="土星">      <div class="x"></div>       <div class="y"></div>      <div class="z"></div>      <div class="space space-x"></div>      <div class="space space-x1"></div>      <div class="space space-x2"></div>      <div class="space space-y"></div>      <div class="space space-y1"></div>      <div class="space space-y2"></div>      <div class="space space-z"></div>      <div class="space space-z1"></div>      <div class="space space-z2"></div>        <!-- 卫星 -->      <div class="path-satellite">        <div id="satellite" title="卫星">          <div class="x"></div>          <div class="y"></div>          <div class="z"></div>          <div class="space space-x"></div>          <div class="space space-x1"></div>          <div class="space space-x2"></div>          <div class="space space-y"></div>          <div class="space space-y1"></div>          <div class="space space-y2"></div>          <div class="space space-z"></div>          <div class="space space-z1"></div>          <div class="space space-z2"></div>        </div>      </div>    </div>  </div>

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：css3加js做一个简单的3D行星运转效果

关键词：JS