Jannik/MelodyMuse
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(css): remove expensive blur filters from background blobs to fix stuttering

Browse Source
This commit is contained in:
Jannik committed 2026-09-01 19:19:13 +02:00
1 parent d7e6c1849d
commit edb80c24c5
1 file changed
+3 -3
Download Patch File Download Diff File Expand all files Collapse all files
src/index.css
+3 -3
View File
@@ -191,21 +191,21 @@
.liquid-blob-1 {
position: fixed; top: -20%; left: -15%; width: 70vw; height: 70vw;
background: radial-gradient(circle, var(--accent-primary) 0%, transparent 65%);
opacity: 0.18; filter: blur(130px); z-index: -1; pointer-events: none;
opacity: 0.18; z-index: -1; pointer-events: none;
will-change: transform;
animation: blob-drift-1 18s ease-in-out infinite;
}
.liquid-blob-2 {
position: fixed; bottom: -20%; right: -15%; width: 65vw; height: 65vw;
background: radial-gradient(circle, var(--accent-secondary) 0%, transparent 65%);
opacity: 0.18; filter: blur(130px); z-index: -1; pointer-events: none;
opacity: 0.18; z-index: -1; pointer-events: none;
will-change: transform;
animation: blob-drift-2 22s ease-in-out infinite;
}
.liquid-blob-3 {
position: fixed; top: 30%; right: 20%; width: 40vw; height: 40vw;
background: radial-gradient(circle, var(--accent-warm) 0%, transparent 65%);
opacity: 0.10; filter: blur(100px); z-index: -1; pointer-events: none;
opacity: 0.10; z-index: -1; pointer-events: none;
will-change: transform;
animation: blob-drift-3 26s ease-in-out infinite;
}