1.loader {
2  width: 48px;
3  height: 48px;
4  display: block;
5  margin: 15px auto;
6  position: relative;
7  color: #FFF;
8  box-sizing: border-box;
9  animation: rotation_19 1s linear infinite;
10}
11
12.loader::after,
13.loader::before {
14  content: '';
15  box-sizing: border-box;
16  position: absolute;
17  width: 24px;
18  height: 24px;
19  top: 0;
20  background-color: #FFF;
21  border-radius: 50%;
22  animation: scale50 1s infinite ease-in-out;
23}
24
25.loader::before {
26  top: auto;
27  bottom: 0;
28  background-color: #FF3D00;
29  animation-delay: 0.5s;
30}
31
32@keyframes rotation_19 {
33  0% {
34    transform: rotate(0deg);
35  }
36
37  100% {
38    transform: rotate(360deg);
39  }
40}
41
42@keyframes scale50 {
43  0%, 100% {
44    transform: scale(0);
45  }
46
47  50% {
48    transform: scale(1);
49  }
50}