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(-18px);
22  }
23}
24
25.ball:nth-child(2) {
26  animation: bounce-3 2.1s ease-in-out 0.3s infinite;
27}
28
29@keyframes bounce-2 {
30  50% {
31    transform: translateY(-18px);
32  }
33}
34
35.ball:nth-child(3) {
36  animation: bounce-3 2.1s ease-in-out 0.6s infinite;
37}
38
39@keyframes bounce-3 {
40  50% {
41    transform: translateY(-18px);
42  }
43}