1.loader {
2  position: relative;
3  width: 33px;
4  height: 33px;
5  perspective: 67px;
6}
7
8.loader div {
9  width: 100%;
10  height: 100%;
11  background: #2f3545;
12  position: absolute;
13  left: 50%;
14  transform-origin: left;
15  animation: loader 2s infinite;
16}
17
18.loader div:nth-child(1) {
19  animation-delay: 0.15s;
20}
21
22.loader div:nth-child(2) {
23  animation-delay: 0.3s;
24}
25
26.loader div:nth-child(3) {
27  animation-delay: 0.45s;
28}
29
30.loader div:nth-child(4) {
31  animation-delay: 0.6s;
32}
33
34.loader div:nth-child(5) {
35  animation-delay: 0.75s;
36}
37
38@keyframes loader {
39  0% {
40    transform: rotateY(0deg);
41  }
42
43  50%, 80% {
44    transform: rotateY(-180deg);
45  }
46
47  90%, 100% {
48    opacity: 0;
49    transform: rotateY(-180deg);
50  }
51}