.spinner{height:40px;width:40px;transform:translate(-50%,-50%)}[class^=ball-]{position:absolute;display:block;left:30px;width:12px;height:12px;border-radius:6px;transition:all .5s;animation:circleRotate 4s infinite both;transform-origin:0 250% 0}@keyframes circleRotate{0%{transform:rotate(0)}to{transform:rotate(4turn)}}.ball-1{z-index:-1;background-color:#2196f3;animation-timing-function:cubic-bezier(.5,.3,.9,.9)}.ball-2{z-index:-2;background-color:#03a9f4;animation-timing-function:cubic-bezier(.5,.6,.9,.9)}.ball-3{z-index:-3;background-color:#00bcd4;animation-timing-function:cubic-bezier(.5,.9,.9,.9)}.ball-4{z-index:-4;background-color:#009688;animation-timing-function:cubic-bezier(.5,1.2,.9,.9)}.ball-5{z-index:-5;background-color:#4caf50;animation-timing-function:cubic-bezier(.5,1.5,.9,.9)}.ball-6{z-index:-6;background-color:#8bc34a;animation-timing-function:cubic-bezier(.5,1.8,.9,.9)}.ball-7{z-index:-7;background-color:#cddc39;animation-timing-function:cubic-bezier(.5,2.1,.9,.9)}.ball-8{z-index:-8;background-color:#ffeb3b;animation-timing-function:cubic-bezier(.5,2.4,.9,.9)}