前端学习CSS3(day3)动画 宇宙案例（详解）

效果图
思路：
1、首先考虑布局
10个圆环 以及圆环上除了内圈其他各有一个小球 所以布局为这样

<ul>
    <li></li>
    <li><span></span></li>
    <li><span></span></li>
    <li><span></span></li>
    <li><span></span></li>
    <li><span></span></li>
    <li><span><span></span></span></li>
    <li><span></span></li>
    <li><span></span></li>
    <li><span></span></li>
</ul>

给每个li设定高度宽度以及边框

width: 360px;
            height: 360px<