1.loader {
2  display: block;
3  width: 84px;
4  height: 84px;
5  position: relative;
6}
7
8.loader:before , .loader:after {
9  content: "";
10  position: absolute;
11  left: 50%;
12  bottom: 0;
13  width: 64px;
14  height: 64px;
15  border-radius: 50%;
16  background: #FFF;
17  transform: translate(-50% , -100%)  scale(0);
18  animation: push_401 2s infinite linear;
19}
20
21.loader:after {
22  animation-delay: 1s;
23}
24
25@keyframes push_401 {
26  0% , 50% {
27    transform: translate(-50% , 0%)  scale(1)
28  }
29
30  100% {
31    transform: translate(-50%, -100%) scale(0)
32  }
33}