CSS
语言：
CSSSCSS
确定
.load_block {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #464544;
}
.load_block .lb {
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
margin: -40px 0 0 -40px;
}
.load_block .lb:after {
content: ”;
position: absolute;
z-index: 3;
bottom: 0;
left: 25px;
width: 30px;
height: 14px;
border-radius: 50%;
background-color: #111;
-webkit-animation: shadow 1.4s linear infinite;
animation: shadow 1.4s linear infinite;
}
.load_block .lb .ball {
position: absolute;
bottom: 40px;
z-index: 5;
width: 40px;
height: 40px;
left: 20px;
border-radius: 50%;
background-color: #eee;
-webkit-animation: ball 1.4s linear infinite;
animation: ball 1.4s linear infinite;
}
.load_block .lb .ball:after {
content: ”;
position: absolute;
top: 4px;
left: 12px;
width: 8px;
height: 6px;
background-color: #fff;
border-radius: 50%;
-webkit-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
transform: rotate(-20deg);
-webkit-animation: light 1.4s linear infinite;
animation: light 1.4s linear infinite;
}
@-moz-keyframes ball {
0% {
width: 40px;
height: 40px;
left: 20px;
bottom: 40px;
}
36% {
width: 40px;
height: 40px;
left: 20px;
bottom: 0;
}
37% {
width: 48px;
height: 36px;
left: 16px;