很多时候再页面加载过程中的话都需要用个动画来展现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