Loader by Kemboi-Dun

1.loader {
2  height: 5cm;
3  width: 5cm;
4  border-radius: 1rem;
5  /* border: 1px solid #0a7cbe; */
6  box-shadow: inset 0 0 0 #0a7cbe;
7  animation: load 4s ease infinite;
8}
9
10@keyframes load {
11  
12  0% {
13    box-shadow: inset -5cm -2.5cm 0 #0a7cbe;
14  }
15
16  25% {
17    box-shadow: inset 5cm -2.5cm 0 #0a7cbe;
18  }
19
20  25.01% {
21    box-shadow: inset 2.5cm -5cm 0 #0a7cbe;
22  }
23
24  50% {
25    box-shadow: inset 2.5cm 5cm 0 #0a7cbe;
26  }
27
28  50.01% {
29    box-shadow: inset 5cm 2.5cm 0 #0a7cbe;
30  }
31
32  75% {
33    box-shadow: inset -5cm 2.5cm 0 #0a7cbe;
34  }
35
36  75.01% {
37    box-shadow: inset -2.5cm 5cm 0 #0a7cbe;
38  }
39
40  100% {
41    box-shadow: inset -2.5cm -5cm 0 #0a7cbe;
42  }
43}