From fee70fac7c7f49ee1ecf77ceecb2985122d7d1a3 Mon Sep 17 00:00:00 2001 From: Stranck Date: Thu, 4 Jan 2024 13:38:41 +0100 Subject: [PATCH] Updated rainbow animation --- tpl/base.html | 8 +++----- 1 file changed, 3 insertions(+), 5 deletions(-) diff --git a/tpl/base.html b/tpl/base.html index 2084507..850b16c 100644 --- a/tpl/base.html +++ b/tpl/base.html @@ -51,21 +51,19 @@ .tag {background:var(--primary);color:var(--contrast);font-size:0.8em;font-weight:600;padding:0.1em 0.3em;border-radius:3px;} .rainbow-text { - background-image: repeating-linear-gradient(90deg, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000); + background-image: repeating-linear-gradient(90deg, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff); text-align: center; - background-size: 800% 800%; + background-size: 2000% 2000%; color: transparent; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; - font-size: 24px; animation: rainbow 4s linear infinite; } @keyframes rainbow { 0%{background-position:0% 0%} - 50%{background-position:50% 0%} - 100%{background-position:100% 0%} + 100%{background-position:57.75% 0%} }