太阳系最终的效果图如下：
css3的animation是通过关键帧的形式做出来的，首先设定一个动画的运行时间，然后在这个时间轴上的若干位置处插入关键帧，浏览器根据关键帧设定的内容做过渡动画。animation常结合transform属性进行制作。以一个简单的例子说明，以一个div，让其从左到右运动，如下图左所未(没有动画请刷新下页面)
先用css画出静态的图，然后再加动画的属性。整个工程完整的代码见这个Demo。html如下：
查看更多关于使用css3的动画模拟太阳系行星公转_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did109688