1.loader3 {
2  display: flex;
3  justify-content: center;
4  align-items: center;
5}
6
7.bars {
8  width: 10px;
9  height: 20px;
10  margin: 0 2px;
11  border-radius: 4px;
12  animation: loader3 3s ease-in-out infinite;
13}
14
15.bar1 {
16  background-color: #4285F4;
17  animation-delay: -0.8s;
18}
19
20.bar2 {
21  background-color: #4285F4;
22  animation-delay: -0.7s;
23}
24
25.bar3 {
26  background-color: #4285F4;
27  animation-delay: -0.6s;
28}
29
30.bar4 {
31  background-color: #4285F4;
32  animation-delay: -0.5s;
33}
34
35.bar5 {
36  background-color: #4285F4;
37  animation-delay: -0.4s;
38}
39
40.bar6 {
41  background-color: #4285F4;
42  animation-delay: -0.3s;
43}
44
45.bar7 {
46  background-color: #4285F4;
47  animation-delay: -0.2s;
48}
49
50.bar8 {
51  background-color: #4285F4;
52  animation-delay: -0.1s;
53}
54
55.bar9 {
56  background-color: #4285F4;
57  animation-delay: 0s;
58}
59
60.bar10 {
61  background-color: #4285F4;
62  animation-delay: 0.1s;
63}
64
65@keyframes loader3 {
66  0% {
67    transform: scale(1);
68  }
69
70  20% {
71    transform: scale(1, 2.32);
72  }
73
74  40% {
75    transform: scale(1);
76  }
77}