li{list-style:none;} .loading-box{position: fixed;top:0;left:0;bottom:0;right:0;z-index: 999;background:#202327;} .loading{width: 60px;height:60px;position: absolute;top:50%;left:50%;margin:-30px auto auto -30px;} .loading li{float: left;width: 33%;height:33%;background:#f8f8f8;-webkit-animation: loading 1.3s infinite ease-in-out;-moz-animation: loading 1.3s infinite ease-in-out;-o-animation: loading 1.3s infinite ease-in-out;animation: loading 1.3s infinite ease-in-out;} @-webkit-keyframes loading {0%, 70%, 100% {-webkit-transform: scale3D(1, 1, 1);}35% {-webkit-transform: scale3D(0, 0, 1);}} @-moz-keyframes loading {0%, 70%, 100% {moz-transform: scale3D(1, 1, 1);}35% {-moz-transform: scale3D(0, 0, 1);}} @-o-keyframes loading {0%, 70%, 100% {-o-transform: scale3D(1, 1, 1);}35% {-o-transform: scale3D(0, 0, 1);}} @keyframes loading {0%, 70%, 100% {transform: scale3D(1, 1, 1);}35% {transform: scale3D(0, 0, 1);}} .loading li:nth-child(1) {-webkit-animation-delay: 0.2s;-moz-animation-delay: 0.2s;-o-animation-delay: 0.2s;animation-delay: 0.2s; } .loading li:nth-child(2) {-webkit-animation-delay: 0.3s;-moz-animation-delay: 0.3s;-o-animation-delay: 0.3s;animation-delay: 0.3s; } .loading li:nth-child(3) {-webkit-animation-delay: 0.4s;-moz-animation-delay: 0.4s;-o-animation-delay: 0.4s;animation-delay: 0.4s; } .loading li:nth-child(4) {-webkit-animation-delay: 0.1s;-moz-animation-delay: 0.1s;-o-animation-delay: 0.1s;animation-delay: 0.1s; } .loading li:nth-child(5) {-webkit-animation-delay: 0.2s;-moz-animation-delay: 0.2s;-o-animation-delay: 0.2s;animation-delay: 0.2s; } .loading li:nth-child(6) {-webkit-animation-delay: 0.3s;-moz-animation-delay: 0.3s;-o-animation-delay: 0.3s;animation-delay: 0.3s; } .loading li:nth-child(7) {-webkit-animation-delay: 0s;-moz-animation-delay: 0s;-o-animation-delay: 0s;animation-delay: 0s; } .loading li:nth-child(8) {-webkit-animation-delay: 0.1s;-moz-animation-delay: 0.1s;-o-animation-delay: 0.1s;animation-delay: 0.1s; } .loading li:nth-child(9) {-webkit-animation-delay: 0.2s;-moz-animation-delay: 0.2s;-o-animation-delay: 0.2s;animation-delay: 0.2s; }