1.loader3 {
2  display: flex;
3  justify-content: center;
4  align-items: center;
5}
6
7.circle1 {
8  width: 20px;
9  height: 20px;
10  border-radius: 50%;
11  margin: 0 10px;
12  background-color: #333;
13  animation: circle1 1s ease-in-out infinite;
14}
15
16.circle1:nth-child(2) {
17  animation-delay: 0.2s;
18}
19
20.circle1:nth-child(3) {
21  animation-delay: 0.4s;
22}
23
24.circle1:nth-child(4) {
25  animation-delay: 0.6s;
26}
27
28.circle1:nth-child(5) {
29  animation-delay: 0.8s;
30}
31
32@keyframes circle1 {
33  0% {
34    transform: scale(1);
35    opacity: 1;
36  }
37
38  50% {
39    transform: scale(1.5);
40    opacity: 0.5;
41  }
42
43  100% {
44    transform: scale(1);
45    opacity: 1;
46  }
47}
48