.spinner div{width:6%;height:16%;position:absolute;left:49%;top:43%;opacity:0;border-radius:50px;box-shadow:0 0 3px rgba(0,0,0,.2);animation:fade .5s linear infinite}@keyframes fade{0%{opacity:1}to{opacity:.25}}@-webkit-keyframes fade{0%{opacity:1}to{opacity:.25}}.spinner .bar1{transform:rotate(0deg) translateY(-130%);animation-delay:0s;-webkit-transform:rotate(0deg) translateY(-130%);-webkit-animation-delay:0s}.spinner .bar2{transform:rotate(30deg) translateY(-130%);animation-delay:-.4583s;-webkit-transform:rotate(30deg) translateY(-130%);-webkit-animation-delay:-.4583s}.spinner .bar3{transform:rotate(60deg) translateY(-130%);animation-delay:-.4167s;-webkit-transform:rotate(60deg) translateY(-130%);-webkit-animation-delay:-.4167s}.spinner .bar4{transform:rotate(90deg) translateY(-130%);animation-delay:-.375s;-webkit-transform:rotate(90deg) translateY(-130%);-webkit-animation-delay:-.375s}.spinner .bar5{transform:rotate(120deg) translateY(-130%);animation-delay:-.3333s;-webkit-transform:rotate(120deg) translateY(-130%);-webkit-animation-delay:-.3333s}.spinner .bar6{transform:rotate(150deg) translateY(-130%);animation-delay:-.2917s;-webkit-transform:rotate(150deg) translateY(-130%);-webkit-animation-delay:-.2917s}.spinner .bar7{transform:rotate(180deg) translateY(-130%);animation-delay:-.25s;-webkit-transform:rotate(180deg) translateY(-130%);-webkit-animation-delay:-.25s}.spinner .bar8{transform:rotate(210deg) translateY(-130%);animation-delay:-.2083s;-webkit-transform:rotate(210deg) translateY(-130%);-webkit-animation-delay:-.2083s}.spinner .bar9{transform:rotate(240deg) translateY(-130%);animation-delay:-.1667s;-webkit-transform:rotate(240deg) translateY(-130%);-webkit-animation-delay:-.1667s}.spinner .bar10{transform:rotate(270deg) translateY(-130%);animation-delay:-.125s;-webkit-transform:rotate(270deg) translateY(-130%);-webkit-animation-delay:-.125s}.spinner .bar11{transform:rotate(300deg) translateY(-130%);animation-delay:-.0833s;-webkit-transform:rotate(300deg) translateY(-130%);-webkit-animation-delay:-.0833s}.spinner .bar12{transform:rotate(330deg) translateY(-130%);animation-delay:-.0417s;-webkit-transform:rotate(330deg) translateY(-130%);-webkit-animation-delay:-.0417s}