Merge pull request #37 from AttorneyOnline/rainbowtext

animated rainbow text

1 files changed, 23 insertions, 0 deletions

diff --git a/webAO/client.css b/webAO/client.css
index 04d7bb3..4199cf9 100644
--- a/webAO/client.css
+++ b/webAO/client.css
@@ -250,6 +250,29 @@ img {
 	color: white;
 }
 
+.rainbow-text {
+	background-color: rgb(255, 255, 255);
+	background-image: repeating-linear-gradient(to right,
+	red  0%  8%, orange  8% 16%, yellow 16% 24%, green 24% 32%, blue 32% 40%,
+	red 40% 48%, orange 48% 56%, yellow 56% 64%, green 64% 72%, blue 72% 80%,
+	red 80% 88%, orange 88% 96%, yellow 96% 100% );
+	background-size: 40% 40%;
+	background-clip: text;
+	-webkit-background-clip: text;
+	-webkit-text-fill-color: transparent;
+	animation: rainbow 4s linear infinite;
+  }
+  
+  @keyframes rainbow_alt { 
+    0%,100% {background-position:    0 0; }
+    50%     {background-position: 400% 0; }
+  }
+
+  @keyframes rainbow { 
+    0%   {background-position:    0 0; }
+    100% {background-position: 400% 0; }
+  }
+
 #client_inputbox {
 	font-size: 21px;
 	padding: 2px 10px;