From edb80c24c57701925810641a6950ef72dd522af5 Mon Sep 17 00:00:00 2001 From: orfelorfel23 Date: Tue, 1 Sep 2026 19:19:13 +0200 Subject: [PATCH] fix(css): remove expensive blur filters from background blobs to fix stuttering --- src/index.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/index.css b/src/index.css index d00e95b..0636778 100644 --- a/src/index.css +++ b/src/index.css @@ -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; }