/* css animation that spins a class around forever# */ .spinny{ animation: rotate 5s infinite, colorchange 1.5s infinite alternate-reverse; } @keyframes rotate { from { transform: rotate(360deg); } to { transform: rotate(-360deg); }} @keyframes colorchange { 0% { box-shadow: 30px 30px 30px green, -30px 30px 50px red; } 100% { box-shadow: -10px 10px 66px green, 66px 8px 25px red; }