Loader by ashish-yadv

1.loader {
2  width: 60px;
3  display: flex;
4  justify-content: space-evenly;
5}
6
7.ball {
8  list-style: none;
9  width: 12px;
10  height: 12px;
11  border-radius: 50%;
12  background-color: #fff;
13}
14
15.ball:nth-child(1) {
16  animation: bounce-1 2.1s ease-in-out infinite;
17}
18
19@keyframes bounce-1 {
20  50% {
21    transform: translateY(-90px);
22    scale: 0.3;
23  }
24}
25
26.ball:nth-child(2) {
27  animation: bounce-3 2.1s ease-in-out 0.3s infinite;
28}
29
30@keyframes bounce-2 {
31  50% {
32    transform: translateY(-90px);
33    scale: 0.3;
34  }
35}
36
37.ball:nth-child(3) {
38  animation: bounce-3 2.1s ease-in-out 0.6s infinite;
39}
40
41@keyframes bounce-3 {
42  50% {
43    transform: translateY(-90px);
44    scale: 0.3;
45  }
46}