div.spinner{width:54px;height:54px;padding:10px;display:inline-block;position:relative}div.spinner div{opacity:0;background:#cecece;border-radius:50px;width:6%;height:16%;animation:1s linear infinite fade;position:absolute;top:43%;left:49%;box-shadow:0 0 3px #0003}@keyframes fade{0%{opacity:1}to{opacity:.25}}div.spinner div.bar1{animation-delay:0s;transform:rotate(0)translateY(-130%)}div.spinner div.bar2{animation-delay:-.875s;transform:rotate(45deg)translateY(-130%)}div.spinner div.bar3{animation-delay:-.75s;transform:rotate(90deg)translateY(-130%)}div.spinner div.bar4{animation-delay:-.625s;transform:rotate(135deg)translateY(-130%)}div.spinner div.bar5{animation-delay:-.5s;transform:rotate(180deg)translateY(-130%)}div.spinner div.bar6{animation-delay:-.375s;transform:rotate(225deg)translateY(-130%)}div.spinner div.bar7{animation-delay:-.25s;transform:rotate(270deg)translateY(-130%)}div.spinner div.bar8{animation-delay:-.125s;transform:rotate(315deg)translateY(-130%)}