Loader by SteveBloX

1.wrapper {
2  display: flex;
3  justify-content: center;
4  align-items: center;
5  height: 200px;
6}
7
8.ball {
9  --size: 16px;
10  width: var(--size);
11  height: var(--size);
12  border-radius: 11px;
13  margin: 0 10px;
14
15  animation: 2s bounce ease infinite;
16}
17
18.blue {
19  background-color: #4285f5;
20}
21
22.red {
23  background-color: #ea4436;
24  animation-delay: 0.25s;
25}
26
27.yellow {
28  background-color: #fbbd06;
29  animation-delay: 0.5s;
30}
31
32.green {
33  background-color: #34a952;
34  animation-delay: 0.75s;
35}
36
37@keyframes bounce {
38  50% {
39    transform: translateY(25px);
40  }
41}
42