diff --git a/css/animation.css b/css/animation.css index 725061e..07be3c6 100644 --- a/css/animation.css +++ b/css/animation.css @@ -1,7 +1,7 @@ /* css animation that spins a class around forever# */ .spinny{ - animation: rotate 5s infinite; + animation: rotate 5s infinite, colorchange 1.5s infinite alternate-reverse; } @keyframes rotate { @@ -11,3 +11,9 @@ 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; } + +