spinner disable background

Solutions on MaxInterview for spinner disable background by the best coders in the world

showing results for - "spinner disable background"
Abril
12 Jan 2020
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}