Loader by LightAndy1

1.loader {
2  user-select: none;
3}
4
5.star {
6  opacity: 0;
7  fill: #f2f3f4;
8  animation: loader 2s infinite alternate;
9}
10
11.star2 {
12  height: 20px;
13  margin-left: -10px;
14  animation-delay: 0.25s;
15}
16
17.star3 {
18  height: 16px;
19  margin-left: -15px;
20  animation-delay: 0.5s;
21}
22
23@keyframes loader {
24  0% {
25    opacity: 0;
26    transform: translateY(0) translateX(50px) rotate (0deg);
27  }
28  10% {
29    opacity: 0;
30    transform: translateY(0) translateX(50px) rotate(0deg);
31  }
32  100% {
33    opacity: 1;
34    transform: translateY(-20px) translateX(0) rotate(360deg);
35  }
36}
37