From 9aa761d249a3962db147af7acdc2ef2f2b909f5f Mon Sep 17 00:00:00 2001 From: sD Date: Mon, 20 Apr 2020 00:40:08 +0200 Subject: add colors to all the chatboxes --- webAO/styles/client.css | 35 +++++++++++++++++++++++++++++++++++ 1 file changed, 35 insertions(+) (limited to 'webAO/styles/client.css') diff --git a/webAO/styles/client.css b/webAO/styles/client.css index 9a1afd8..cd00139 100644 --- a/webAO/styles/client.css +++ b/webAO/styles/client.css @@ -26,6 +26,41 @@ } } +.text_rainbow { + background-color: #fff; + 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_error { position: absolute; display: flex; -- cgit