css实现酷炫的加载loading效果

常用的页面加载css效果；

 

结合以下css效果

可以在页面中通过setTimeout来控制加载时间，时间到了之后然后把加载效果隐藏掉即可

示例如下：

.unshow{
  display:none;
}

<!--动态加载效果-->
<div class="spinner">
  <div class="rect1"></div>
  <div class="rect2"></div>
  <div class="rect3"></div>
  <div class="rect4"></div>
  <div class="rect5"></div>
</div>





//正在加载中...
setTimeout(function(){
  $('.spinner').addClass('unshow');
},1000*5)

原文如下：

https://blog.csdn.net/weixin_42532454/article/details/87191438

效果贴图；

1、

2、

3、

4、

5、

6、

7、

8、

来源：oschina

链接：https://my.oschina.net/u/2847877/blog/3157863