From 0855f88c1c85dbec71bb925df1bb83b3f0b122df Mon Sep 17 00:00:00 2001 From: qcigano Date: Sun, 2 Aug 2026 16:32:42 +0200 Subject: [PATCH] =?UTF-8?q?Sprach-Globus:=20weichere,=20flie=C3=9Fende=20F?= =?UTF-8?q?arb=C3=BCberg=C3=A4nge=20statt=20harter=20120-Grad-Segmente=20(?= =?UTF-8?q?nur=20Farbverlauf=20ge=C3=A4ndert,=20Stil/Rotation=20unver?= =?UTF-8?q?=C3=A4ndert)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/styles/global.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/styles/global.css b/src/styles/global.css index 7237e6b..72a5b60 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -460,7 +460,9 @@ a:focus-visible, button:focus-visible { display: flex; align-items: center; justify-content: center; - background: conic-gradient(from 0deg, var(--flag-1) 0deg 120deg, var(--flag-2) 120deg 240deg, var(--flag-3) 240deg 360deg); + /* Weiche, ineinander fließende Übergänge statt harter 120°-Segmente — gleicher Stil (Flaggen- + farben, Rotation), nur eleganter/fließender statt wie ein Tortendiagramm. */ + background: conic-gradient(from 0deg, var(--flag-1) 0%, var(--flag-2) 33%, var(--flag-3) 66%, var(--flag-1) 100%); animation: globe-spin 6s linear infinite; } .lang-globe:hover .lang-globe-rotor { animation-duration: 1.6s; }