1.loader {
2  position: absolute;
3  margin: 75px auto;
4  width: 150px;
5  height: 150px;
6  display: block;
7  overflow: hidden;
8}
9
10.loader div {
11  height: 100%;
12}
13
14/* loader 1 */
15.loader1, .loader1 div {
16  border-radius: 50%;
17  padding: 8px;
18  border: 2px solid transparent;
19  -webkit-animation: rotate1076 linear 3.5s infinite;
20  animation: rotate1076 linear 3.5s infinite;
21  border-top-color: rgba(0, 0, 0, 0.5);
22  border-bottom-color: rgba(0, 0, 255, 0.5);
23}
24
25.loader, .loader * {
26  will-change: transform;
27}
28
29@keyframes rotate1076 {
30  0% {
31    transform: rotate(0deg);
32  }
33
34  50% {
35    transform: rotate(180deg);
36  }
37
38  100% {
39    transform: rotate(360deg);
40  }
41}
42
43