Loader by jack0237

1.loader {
2  display: flex;
3}
4
5.loader .dot {
6  height: 20px;
7  width: 20px;
8  border-radius: 50%;
9  border: 2px solid #e8e8e8;
10  background: #16b0c1;
11  animation: jump 0.8s ease-in-out infinite alternate;
12}
13
14@keyframes jump {
15  100% {
16    background: #661e92;
17    transform: translateZ(-3rem) scale(1.9);
18  }
19}
20
21.loader .dot:nth-child(1) {
22  animation-delay: 0.1s;
23}
24
25.loader .dot:nth-child(2) {
26  animation-delay: 0.2s;
27}
28
29.loader .dot:nth-child(3) {
30  animation-delay: 0.3s;
31}
32
33.loader .dot:nth-child(4) {
34  animation-delay: 0.4s;
35}
36
37.loader .dot:nth-child(5) {
38  animation-delay: 0.5s;
39}
40