Loader by jamik-dev

1.cube {
2  height: 80px;
3  width: 80px;
4  display: grid;
5  grid-template-columns: 1fr 1fr;
6  gap: 6px;
7}
8
9.cube_item {
10  height: 40px;
11  width: 40px;
12  border-radius: 10px;
13  transition: all 0.2s ease-in;
14}
15
16.cube_x {
17  background-color: blueviolet;
18  animation: animateLoaders 1s infinite;
19}
20
21.cube_y {
22  background-color: aqua;
23  animation: animateLoaders 1s 0.5s infinite;
24}
25
26@keyframes animateLoaders {
27  0% {
28    transform: scale(0.8);
29  }
30
31  50% {
32    transform: scale(1.2);
33  }
34
35  100% {
36    transform: scale(0.8);
37  }
38}
39