From 52ed6ffd11af8e114cf19319d0fbe45199862f71 Mon Sep 17 00:00:00 2001 From: Johnny322 Date: Sun, 8 Feb 2026 15:52:58 +0100 Subject: [PATCH] More plasma --- src/styles.css | 15 ++++++++++++--- 1 file changed, 12 insertions(+), 3 deletions(-) diff --git a/src/styles.css b/src/styles.css index 6e3c203..81acf0f 100644 --- a/src/styles.css +++ b/src/styles.css @@ -453,19 +453,28 @@ audio.hidden-audio { radial-gradient(circle at 40% 80%, hsla(var(--ray-hue, 200), 90%, 70%, 0.25), transparent 58%), radial-gradient(circle at 70% 70%, hsla(var(--ray-hue, 200), 90%, 70%, 0.22), transparent 62%), radial-gradient(circle at 50% 50%, hsla(var(--ray-hue, 200), 90%, 70%, 0.18), transparent 65%); - opacity: calc(0.05 + var(--ray, 0) * 0.55); + opacity: calc(0.08 + var(--ray, 0) * 0.75); filter: blur(calc(8px - var(--ray, 0) * 2px)); transform: scale(calc(0.9 + var(--ray, 0) * 0.5)); transition: opacity 0.14s ease-out, transform 0.14s ease-out, filter 0.14s ease-out; mask-image: radial-gradient( circle, rgba(0, 0, 0, 0) 0%, - rgba(0, 0, 0, 0.6) calc(35% + var(--ray, 0) * 15%), - rgba(0, 0, 0, 1) calc(60% + var(--ray, 0) * 20%), + rgba(0, 0, 0, 0.5) calc(25% + var(--ray, 0) * 10%), + rgba(0, 0, 0, 1) calc(55% + var(--ray, 0) * 20%), + rgba(0, 0, 0, 0) 100% + ); + -webkit-mask-image: radial-gradient( + circle, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.5) calc(25% + var(--ray, 0) * 10%), + rgba(0, 0, 0, 1) calc(55% + var(--ray, 0) * 20%), rgba(0, 0, 0, 0) 100% ); mask-size: 100% 100%; mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + -webkit-mask-repeat: no-repeat; z-index: 1; }