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

Stop rays from spinning
Some checks failed
On Push Deploy / deploy (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Johnny322
2026-02-08 15:44:29 +01:00
parent 74fd4fde32
commit 6e6a3218c8
1 changed files with 12 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/styles.css
View File

@@ -462,15 +462,21 @@ audio.hidden-audio {
transparent 340deg transparent 340deg
); );
opacity: calc(0.1 + var(--ray, 0) * 0.9); opacity: calc(0.1 + var(--ray, 0) * 0.9);
filter: blur(6px); filter: blur(4px);
transform: scale(calc(0.9 + var(--ray, 0) * 0.6)); transform: scale(calc(0.85 + var(--ray, 0) * 0.7));
transition: opacity 0.1s ease-out, transform 0.1s ease-out; transition: opacity 0.12s ease-out, transform 0.12s ease-out;
mask-image: radial-gradient(
circle,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.9) calc(40% + var(--ray, 0) * 20%),
rgba(0, 0, 0, 1) calc(65% + var(--ray, 0) * 25%),
rgba(0, 0, 0, 0) 100%
);
mask-size: 100% 100%;
mask-repeat: no-repeat;
z-index: 1; z-index: 1;
} }
.pulse-rays.active {
animation: raySpin 6s linear infinite;
}
@keyframes pulseGlow { @keyframes pulseGlow {
0%, 0%,
@@ -494,14 +500,6 @@ audio.hidden-audio {
} }
} }
@keyframes raySpin {
from {
transform: scale(calc(0.9 + var(--ray, 0) * 0.6)) rotate(0deg);
}
to {
transform: scale(calc(0.9 + var(--ray, 0) * 0.6)) rotate(360deg);
}
}
.player-empty { .player-empty {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);