Loader by r7chardgh

1.loader {
2  display: flex;
3  gap: .5em;
4}
5
6.leaf {
7  width: 1em;
8  height: 3em;
9  background-color: rgb(0, 0, 0,.3);
10  clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 81%);
11  transform: rotate(-30deg);
12  animation: color 1200ms infinite;
13  animation-delay: 800ms;
14}
15
16.leaf:nth-child(2) {
17  clip-path: polygon(0% 35%,100% 35%,100% 100%,0% 81%);
18  animation-delay: 400ms;
19}
20
21.leaf:nth-child(1) {
22  clip-path: polygon(0% 70%,100% 70%,100% 100%,0% 81%);
23  animation-delay: 0ms;
24}
25
26@keyframes color {
27  from {
28    background-color: lightblue;
29  }
30
31  to {
32  }
33}