1.loader {
2  position: relative;
3  border: 24px solid;
4  border-color: red  transparent red transparent;
5  animation: rotate_000 2s linear infinite;
6}
7
8.loader:before,
9      .loader:after {
10  content: "";
11  display: block;
12  border: 24px solid transparent;
13  border-left-color: red;
14  position: absolute;
15  left: -24px;
16  top: -24px;
17  animation: prix 1s infinite ease-in;
18  transform-origin: 0% 100%;
19}
20
21.loader:before {
22  border-color: transparent red transparent transparent;
23  transform-origin: 100% 0%;
24  animation-delay: 0.5s;
25}
26
27@keyframes rotate_000 {
28  100% {
29    transform: rotate(360deg)
30  }
31}
32
33@keyframes prix {
34  20% , 80% {
35    transform: rotate(0)
36  }
37
38  50% {
39    transform: rotate(-90deg)
40  }
41}
42