From 36220dc34f0456e48582ab676000ed7e87479874 Mon Sep 17 00:00:00 2001 From: vini Date: Sun, 14 Jun 2026 13:27:27 -0300 Subject: [PATCH] fix: smooth balada nebula color transition via ::after opacity --- plugin/contents/ui/dancer.html | 16 ++++++++++++---- 1 file changed, 12 insertions(+), 4 deletions(-) diff --git a/plugin/contents/ui/dancer.html b/plugin/contents/ui/dancer.html index e9c919e..7c1918b 100644 --- a/plugin/contents/ui/dancer.html +++ b/plugin/contents/ui/dancer.html @@ -31,8 +31,16 @@ html, body { filter: blur(80px); pointer-events: none; animation: nebulaFloat ease-in-out infinite; - transition: background 3.5s ease; } +.nebula::after { + content: ''; + position: absolute; + inset: 0; + border-radius: 50%; + opacity: 0; + transition: opacity 9s ease; +} +body.balada .nebula::after { opacity: 1; } .nebula-a { width: 500px; height: 350px; background: radial-gradient(ellipse, rgba(120,0,220,0.18), transparent 70%); @@ -991,9 +999,9 @@ body.balada .spotlight-wrap { opacity: 1; } /* ============================================================ BALADA — SOBRESCRITAS DO AMBIENTE ============================================================ */ -body.balada .nebula-a { background: radial-gradient(ellipse, rgba(255,0,100,0.22), transparent 70%); } -body.balada .nebula-b { background: radial-gradient(ellipse, rgba(180,0,255,0.18), transparent 70%); } -body.balada .nebula-c { background: radial-gradient(ellipse, rgba(255,140,0,0.14), transparent 70%); } +.nebula-a::after { background: radial-gradient(ellipse, rgba(255,0,100,0.22), transparent 70%); } +.nebula-b::after { background: radial-gradient(ellipse, rgba(180,0,255,0.18), transparent 70%); } +.nebula-c::after { background: radial-gradient(ellipse, rgba(255,140,0,0.14), transparent 70%); }