css 加载中的动态原点图

很多时候再页面加载过程中的话都需要用个动画来展现Loading，记得是在一个网站上看到的就用几个div实现加载过程中的动画。

• css代码实现

.spinner div {

    1. width: 20px;
    2. height: 20px;
    3. position: absolute;
    4. left: -40px;
    5. bottom: 10px;
    6. background-color: #333;
    7. border-radius: 50%;
    8. -webkit-animation: move 2s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    9. animation: move 2s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    10. /* -webkit-transform: translateZ(0); */
    11. -ms-transform: translateZ(0);
    12. /* transform: translateZ(0); */

}

• 实现过程截图
  

同时发表在：shaoxiaobin