/* css animation that spins a class around forever# */ .spinny{ animation: rotate 10s infinite, colorchange 4.5s infinite alternate-reverse; } @keyframes rotate { from { transform: rotate(360deg); } to { transform: rotate(-360deg); }} @keyframes colorchange { 0% { filter: drop-shadow(-30px 30px 50px white); } 100% { filter: drop-shadow(-10px 10px 66px white); } .star{ animation: colorchange 4.5s infinite alternate-reverse; } @keyframes colorchange { 0% { filter: drop-shadow(-30px 30px 50px white); } 100% { filter: drop-shadow(-10px 10px 66px white); }