fix: crossfade now-playing background instead of hard flash

Two-layer opacity crossfade replaces the broken background-image transition.
New image loads on the hidden layer, then both opacity values swap smoothly.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
HoneyandClaude Sonnet 4.6 committed 2026-04-28 09:29:54 +02:00
1 parent e75d90e165
commit 97a4cc756d
3 files changed
+17 -5

No files matched your search

+2 -2
View File
@@ -508,13 +508,13 @@ nav{flex:1;overflow-y:auto;padding:4px 10px}
}
.np-overlay.open{transform:translateY(0)}
/* Blurred album art as background */
/* Blurred album art as background — two layers for crossfade */
.np-bg{
position:absolute;inset:-40px;
background-size:cover;background-position:center;
filter:blur(60px) brightness(.35) saturate(1.4);
transform:scale(1.1);
transition:background-image .6s ease;
transition:opacity .55s ease;
z-index:0;
}