1.loader {
2  display: flex;
3  align-items: center;
4  justify-content: center;
5  height: 100px;
6}
7
8.box {
9  width: 20px;
10  height: 20px;
11  margin: 0 8px;
12  border-radius: 50%;
13  animation: jump_4123 1s ease-in-out infinite;
14}
15
16.box:nth-child(1) {
17  background-color: #4e4e4e;
18  animation-delay: 0.2s;
19}
20
21.box:nth-child(2) {
22  background-color: #bdbdbd;
23  animation-delay: 0.4s;
24}
25
26.box:nth-child(3) {
27  background-color: #4e4e4e;
28  animation-delay: 0.6s;
29}
30
31.box:nth-child(4) {
32  background-color: #bdbdbd;
33  animation-delay: 0.8s;
34}
35
36@keyframes jump_4123 {
37  0%, 100% {
38    transform: translateY(0);
39  }
40
41  50% {
42    transform: translateY(-30px);
43  }
44}
45