Loader by Juanes200122

1.loader {
2  width: 48px;
3  height: 48px;
4  border: 3px dotted #fff;
5  border-style: solid solid dotted dotted;
6  border-radius: 50%;
7  display: inline-block;
8  position: relative;
9  box-sizing: border-box;
10  animation: rotation 2s linear infinite;
11}
12.loader::after {
13  content: "";
14  box-sizing: border-box;
15  position: absolute;
16  left: 0;
17  right: 0;
18  top: 0;
19  bottom: 0;
20  margin: auto;
21  border: 3px dotted #ff3d00;
22  border-style: solid solid dotted;
23  width: 24px;
24  height: 24px;
25  border-radius: 50%;
26  animation: rotationBack 1s linear infinite;
27  transform-origin: center center;
28}
29
30@keyframes rotation {
31  0% {
32    transform: rotate(0deg);
33  }
34  100% {
35    transform: rotate(360deg);
36  }
37}
38@keyframes rotationBack {
39  0% {
40    transform: rotate(0deg);
41  }
42  100% {
43    transform: rotate(-360deg);
44  }
45}
46