feat: use value in the game

2025-02-22 10:57:11 +01:00
parent 3c663edc14
commit bc437cc2da
3 changed files with 42 additions and 1 deletions
--- a/index.css
+++ b/index.css
@@ -167,4 +167,35 @@ details.hud li {
 .round-svg {
  visibility: hidden;
  height: 0;
+}
+
+.use-value {
+  display: none;
+  visibility: hidden;
+  text-align: center;
+  text-decoration: underline;
+  background: linear-gradient(to right, #6666ff, #0099ff, #00ff00, #ff3399, #6666ff);
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+  animation: rainbow-animation 5s ease-in-out infinite;
+  background-size: 400% 100%;
+}
+
+.display-use-value {
+  display: inline;
+  visibility: visible;
+}
+
+
+@keyframes rainbow-animation {
+
+  0%,
+  100% {
+    background-position: 0 0;
+  }
+
+  50% {
+    background-position: 100% 0;
+  }
 }