index: refactor keyframe to a finer level

TheExacc · Oct 12, 2024 · 7645cdf · 7645cdf
1 parent c168b62
commit 7645cdf
Showing 1 changed file with 17 additions and 13 deletions.
diff --git a/index.html b/index.html
@@ -334,22 +334,26 @@
 
   @keyframes mix {
     30% {
-      box-shadow: 0 -0.5em 1em 1.5em rgba(255, 0, 200, 0.5),
-                  2em -0.5em 1em 1.5em rgba(255, 50, 0, 0.8),
-                  -2em 1em 1.5em 1em rgba(155, 200, 0, 0.5),
-                  -2em -1em 1em 1em rgba(200, 0, 150, 0.6),
-                  0 1.5em 1em 1em rgba(20, 250, 0, 0.5),
-                  1em 0.5em 1em 1em rgba(50, 10, 250, 0.5);
+    box-shadow: 0 -0.5em 1em 1.5em rgba(255, 0, 200, 0.5),
+    2em -0.5em 1em 1.5em rgba(255, 50, 0, 0.8),
+    -2em 1em 1.5em 1em rgba(155, 200, 0, 0.5),
+    -2em -1em 1em 1em rgba(200, 0, 150, 0.6),
+    0 1.5em 1em 1em rgba(20, 250, 0, 0.5),
+    1em 0.5em 1em 1em rgba(50, 10, 250, 0.5);
+    filter: grayscale(0.3) contrast(1.2) brightness(0.9) saturate(0.8) sepia(0.1) hue-rotate(10deg);
     }
     60% {
-      box-shadow: 1em 0.5em 1em 1.5em rgba(55, 0, 200, 0.5),
-                  1.5em 0.5em 1em 1.5em rgba(25, 150, 0, 0.6),
-                  1.5em -1em 1.5em 1.5em rgba(155, 200, 0, 0.5),
-                  -2em 1em 1em 1.5em rgba(200, 0, 50, 0.6),
-                  0 -1.5em 1em 1.5em rgba(200, 250, 0, 0.5),
-                  -1em 0.5em 1em 1.5em rgba(50, 210, 250, 0.6);
+    box-shadow: 1em 0.5em 1em 1.5em rgba(55, 0, 200, 0.5),
+    1.5em 0.5em 1em 1.5em rgba(25, 150, 0, 0.6),
+    1.5em -1em 1.5em 1.5em rgba(155, 200, 0, 0.5),
+    -2em 1em 1em 1.5em rgba(200, 0, 50, 0.6),
+    0 -1.5em 1em 1.5em rgba(200, 250, 0, 0.5),
+    -1em 0.5em 1em 1.5em rgba(50, 210, 250, 0.6);
+    filter: grayscale(0.3) contrast(1.2) brightness(0.9) saturate(0.8) sepia(0.1) hue-rotate(10deg);
     }
-  }
+    }
+
+
 
 
 </style>