1<div id="cover-spin"></div>
2
3#cover-spin {
4 position:fixed;
5 width:100%;
6 left:0;right:0;top:0;bottom:0;
7 background-color: rgba(255,255,255,0.7);
8 z-index:9999;
9 display:none;
10}
11
12@-webkit-keyframes spin {
13 from {-webkit-transform:rotate(0deg);}
14 to {-webkit-transform:rotate(360deg);}
15}
16
17@keyframes spin {
18 from {transform:rotate(0deg);}
19 to {transform:rotate(360deg);}
20}
21
22#cover-spin::after {
23 content:'';
24 display:block;
25 position:absolute;
26 left:48%;top:40%;
27 width:40px;height:40px;
28 border-style:solid;
29 border-color:black;
30 border-top-color:transparent;
31 border-width: 4px;
32 border-radius:50%;
33 -webkit-animation: spin .8s linear infinite;
34 animation: spin .8s linear infinite;
35}