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

The previous commit looked cool. Trying to add spin to the tentacles
All checks were successful
On Push Deploy / deploy (push) Successful in 21s
Details

Browse Source
This commit is contained in:
Johnny322
2026-02-10 16:57:08 +01:00
parent 8232dad1e4
commit 41c22fe774
1 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/styles.css
View File

@@ -422,6 +422,10 @@ audio.hidden-audio {
pointer-events: none; pointer-events: none;
} }
.pulse-tentacles.playing {
animation: tentacleSpin 12s linear infinite;
}
.pulse-tentacles .tentacle { .pulse-tentacles .tentacle {
position: absolute; position: absolute;
left: 50%; left: 50%;
@@ -480,6 +484,15 @@ audio.hidden-audio {
} }
} }
@keyframes tentacleSpin {
from {
transform: translate(-50%, -50%) scale(calc(1 + var(--pulse, 0) * 0.9)) rotate(0deg);
}
to {
transform: translate(-50%, -50%) scale(calc(1 + var(--pulse, 0) * 0.9)) rotate(360deg);
}
}
.player-empty { .player-empty {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);