#212121
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}
Comments
MIT License