Loader by FWDJc

1.loader {
2  width: 7em;
3  height: 5em;
4  position: relative;
5  animation: beat 1s infinite;
6}
7
8.loader::before,
9.loader::after {
10  content: "";
11  position: absolute;
12  top: 0;
13  width: 50px;
14  height: 80px;
15  border-radius: 5em 5em 0 0;
16  animation: coldblue 1s infinite;
17}
18
19.loader::before {
20  left: 50px;
21  transform: rotate(-45deg);
22  transform-origin: 0 100%;
23}
24
25.loader::after {
26  left: 0;
27  transform: rotate(45deg);
28  transform-origin: 100% 100%;
29}
30
31@keyframes beat {
32  0% {
33    transform: scale(1);
34  }
35
36  50% {
37    transform: scale(1.2);
38  }
39
40  100% {
41    transform: scale(1);
42  }
43}
44
45@keyframes coldblue {
46  0%, 100% {
47    background-color: rgb(255, 255, 255);
48  }
49
50  50% {
51    background-color: rgb(91, 91, 241);
52  }
53}