.sphere{transform-style:preserve-3d;perspective:350px;opacity:.5}.circle{width:100%;height:100%;position:absolute;border-radius:100%;background:linear-gradient(rgba(255,0,100,.1),rgba(100,0,255,.1));transform-origin:center;-webkit-animation:rotate 8s linear infinite;animation:rotate 8s linear infinite}.circle:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}.circle:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}.circle:nth-child(4){-webkit-animation-delay:.3s;animation-delay:.3s}.circle:nth-child(5){-webkit-animation-delay:.4s;animation-delay:.4s}.circle:nth-child(6){-webkit-animation-delay:.5s;animation-delay:.5s}.circle:nth-child(7){-webkit-animation-delay:.6s;animation-delay:.6s}.circle:nth-child(8){-webkit-animation-delay:.7s;animation-delay:.7s}.circle:nth-child(9){-webkit-animation-delay:.8s;animation-delay:.8s}.circle:nth-child(10){-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes rotate{to{transform:rotateY(1turn) rotateX(2turn)}}@keyframes rotate{to{transform:rotateY(1turn) rotateX(2turn)}}