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