add rainbow text

1 files changed, 19 insertions, 0 deletions

diff --git a/webAO/client.css b/webAO/client.css
index 04d7bb3..8c77a90 100644
--- a/webAO/client.css
+++ b/webAO/client.css
@@ -250,6 +250,25 @@ img {
 	color: white;
 }
 
+.rainbow-text {
+	background-image: repeating-linear-gradient(to right, red, orange, yellow, green, blue, red, orange, yellow, green, blue, red, orange, yellow, green, blue, red, orange, yellow, green, blue, red, orange);
+	background-size: 200% 200%;
+	background-clip: text;
+	-webkit-background-clip: text;
+	-webkit-text-fill-color: transparent;
+	animation: rainbow_alt 1s linear infinite;
+  }
+  
+  @keyframes rainbow { 
+    0%,100% {background-position: 0 0;    }
+    50%     {background-position: 100% 0; }
+  }
+
+  @keyframes rainbow_alt { 
+    0%   {background-position: 0 0;        }
+    100% {    background-position: 100% 0; }
+  }
+
 #client_inputbox {
 	font-size: 21px;
 	padding: 2px 10px;