.sk-three-bounce {
position: absolute;
top: 50%;
left: 50%;
margin: 40px auto;
width: 80px;
text-align: center;
positon:absolute;top:60%;left:50%;margin-top:-100px;margin-left:-150px;width:300px;height:200px;
}
.sk-three-bounce .sk-child {
width: 20px;
height: 20px;
background-lor: #333;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-three-bounceease-in-out 0s infinite both;
animation: sk-three-bounceease-in-out 0s infinite both;
}
.sk-three-bounce .sk-bounce1 {
-webkit-animation-delay: -;
animation-delay: -;
}
.sk-three-bounce .sk-bounce2 {
-webkit-animation-delay: -;
animation-delay: -;
}
-webkit-keyframes sk-three-bounce {
0%, 80%, 100% {
-webkit-transform: ;
transform: ;
}
40% {
-webkit-transform: ;
transform: ;
}
}
keyframes sk-three-bounce {
0%, 80%, 100% {
-webkit-transform: ;
<