博客园页面优化测试

 1 #loading {
 2   bottom: 0;
 3   left: 0;
 4   position: fixed;
 5   right: 0;
 6   top: 0;
 7   z-index: 9999;
 8   background-color: #f4f5f5;
 9   pointer-events: none;
10 }
11 .loader-inner {
12   will-change: transform;
13   width: 40px;
14   height: 40px;
15   position: absolute;
16   top: 50%;
17   left: 50%;
18   margin: -20px 0 0 -20px;
19   background-color: #3742fa;
20   border-radius: 50%;
21   animation: scaleout 0.6s infinite ease-in-out forwards;
22   text-indent: -99999px;
23   z-index: 999991;
24 }
25 @keyframes scaleout {
26   0% {
27     transform: scale(0);
28     opacity: 0;
29   }
30   40% {
31     opacity: 1;
32   }
33   100% {
34     transform: scale(1);
35     opacity: 0;
36   }
37 }

1 <script src="https://guangzan.gitee.io/awescnb/index.js"></script>
2 <script>$.awesCnb({
3     theme:{
4         name:'reacg',
5              }
6         });
7 </script>

 1 <div id="loading"><div class="loader-inner"></div></div>