1.loader {
2  width: 48px;
3  height: 48px;
4  border-radius: 50%;
5  display: inline-block;
6  position: relative;
7  border: 10px solid;
8  box-sizing: border-box;
9  animation: animloader 1s linear infinite alternate;
10}
11
12@keyframes animloader {
13  0% {
14    border-color: white rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
15  }
16
17  33% {
18    border-color: white white rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
19  }
20
21  66% {
22    border-color: white white white rgba(255, 255, 255, 0);
23  }
24
25  100% {
26    border-color: white white white white;
27  }
28}