Loader by Saiyed-Tanvir

1.box {
2  height: 5cm;
3  width: 5cm;
4  border: 5px solid #ffa600;
5  box-shadow: inset 0 0 0 #ffa600;
6  animation: load 2s ease-in-out infinite;
7}
8
9@keyframes load {
10  0% {
11    box-shadow: inset -2.5cm -2.5cm 0 #ffa600;
12  }
13
14  25% {
15    box-shadow: inset 2.5cm -2.5cm 0 #ffa600;
16  }
17
18  50% {
19    box-shadow: inset 2.5cm 2.5cm 0 #ffa600;
20  }
21
22  75% {
23    box-shadow: inset -2.5cm 2.5cm 0 #ffa600;
24  }
25
26  100% {
27    box-shadow: inset -2.5cm -2.5cm 0 #ffa600;
28  }
29}