i try shadow

2 years ago · 16ad071def
parent bdd421dfdc
commit 16ad071def
1 changed files with 7 additions and 1 deletions
--- 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; }
+
+