.loader{width:80px;height:80px;position:relative}.loaderBlock{position:absolute;top:0;left:0;display:inline-block;opacity:.2;border:0 solid #aaa;width:30px;height:30px;background:#aaa;animation:show 1s infinite alternate}.loaderBlock:first-child{transform:translate(0);animation-delay:.1s}.loaderBlock:nth-child(2){transform:translate(30px);animation-delay:.2s}.loaderBlock:nth-child(3){transform:translate(60px);animation-delay:.3s}.loaderBlock:nth-child(4){transform:translateY(30px);animation-delay:.4s}.loaderBlock:nth-child(5){transform:translate(30px,30px);animation-delay:.5s}.loaderBlock:nth-child(6){transform:translate(60px,30px);animation-delay:.6s}.loaderBlock:nth-child(7){transform:translateY(60px);animation-delay:.7s}.loaderBlock:nth-child(8){transform:translate(30px,60px);animation-delay:.8s}.loaderBlock:nth-child(9){transform:translate(60px,60px);animation-delay:.9s}@keyframes show{0%{opacity:.2}to{opacity:1}}