1.load-row {
2  width: 100px;
3  height: 50px;
4  line-height: 50px;
5  text-align: center;
6}
7
8.load-row span {
9  display: inline-block;
10  width: 10px;
11  height: 10px;
12  background: #f76002;
13  border-radius: 50px;
14  animation: up-down6 0.5s ease-in infinite alternate;
15}
16
17.load-row span:nth-child(2) {
18  background: #e85b04c4;
19  animation-delay: 0.16s;
20}
21
22.load-row span:nth-child(3) {
23  background: #e85b0491;
24  animation-delay: 0.32s;
25}
26
27.load-row span:nth-child(4) {
28  background: #e85b0456;
29  animation-delay: 0.48s;
30}
31
32@keyframes up-down6 {
33  0% {
34    transform: translateY(-10px);
35  }
36
37  100% {
38    transform: translateY(10px);
39  }
40}