spo/music-jeopardy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

More plasma
Some checks failed
On Push Deploy / deploy (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Johnny322
2026-02-08 15:52:58 +01:00
parent 6a319f0a3e
commit 52ed6ffd11
1 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/styles.css
View File

@@ -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 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 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%); 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)); filter: blur(calc(8px - var(--ray, 0) * 2px));
transform: scale(calc(0.9 + var(--ray, 0) * 0.5)); 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; transition: opacity 0.14s ease-out, transform 0.14s ease-out, filter 0.14s ease-out;
mask-image: radial-gradient( mask-image: radial-gradient(
circle, circle,
rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.6) calc(35% + var(--ray, 0) * 15%), rgba(0, 0, 0, 0.5) calc(25% + var(--ray, 0) * 10%),
rgba(0, 0, 0, 1) calc(60% + var(--ray, 0) * 20%), 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% rgba(0, 0, 0, 0) 100%
); );
mask-size: 100% 100%; mask-size: 100% 100%;
mask-repeat: no-repeat; mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;
z-index: 1; z-index: 1;
} }