1.loader {
2  width: 8px;
3  height: 8px;
4  position: relative;
5  border-radius: 50%;
6  background: #fff;
7  animation: wave_14 1s ease-in infinite;
8}
9
10@keyframes wave_14 {
11  0% {
12    box-shadow: 0 0 0 0px rgba(255, 255,255, 1),
13  0 0 0 20px rgba(255, 255,255, 0.2),
14  0 0 0 40px rgba(255, 255,255, 0.6),
15  0 0 0 60px rgba(255, 255,255, 0.4),
16  0 0 0 80px rgba(255, 255,255, 0.2)
17  }
18
19  100% {
20    box-shadow: 0 0 0 80px rgba(255, 255,255, 0),
21    0 0 0 60px rgba(255, 255,255, 0.2),
22    0 0 0 40px rgba(255, 255,255, 0.4),
23    0 0 0 20px rgba(255, 255,255, 0.6),
24    0 0 0 0px rgba(255, 255,255, 1)
25  }
26}
27
28
29