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; }