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

Larger tentacles and fix planet stuff
All checks were successful
On Push Deploy / deploy (push) Successful in 20s
Details

Browse Source
This commit is contained in:
Johnny322
2026-02-10 16:32:14 +01:00
parent 05d6a3a9bc
commit e4d4173c4b
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/styles.css
View File

@@ -392,7 +392,7 @@ audio.hidden-audio {
.pulse-orb.idle { .pulse-orb.idle {
background: radial-gradient(circle at 40% 40%, #1a1a1a, #000 65%); background: radial-gradient(circle at 40% 40%, #1a1a1a, #000 65%);
box-shadow: 0 0 12px rgba(0, 0, 0, 0.6); box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
transform: scale(1); transform: translate(-50%, -50%) scale(1);
} }
.pulse-orb.playing { .pulse-orb.playing {
@@ -435,7 +435,7 @@ audio.hidden-audio {
left: 50%; left: 50%;
top: 50%; top: 50%;
width: 12px; width: 12px;
height: calc(20px + var(--level, 0) * 50px); height: calc(20px + var(--level, 0) * 100px);
background: linear-gradient( background: linear-gradient(
to top, to top,
rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%,
@@ -447,7 +447,7 @@ audio.hidden-audio {
opacity: calc(0.25 + var(--level, 0) * 0.85); opacity: calc(0.25 + var(--level, 0) * 0.85);
transform-origin: 50% 100%; transform-origin: 50% 100%;
transform: transform:
translate(-50%, calc(-20px - var(--level, 0) * 50px)) translate(-50%, calc(-20px - var(--level, 0) * 100px))
rotate(calc(var(--index) * 30deg)) rotate(calc(var(--index) * 30deg))
scaleX(calc(0.7 + var(--level, 0) * 0.5)); scaleX(calc(0.7 + var(--level, 0) * 0.5));
transition: height 0.08s ease-out, opacity 0.08s ease-out, transform 0.08s ease-out, filter 0.08s ease-out; transition: height 0.08s ease-out, opacity 0.08s ease-out, transform 0.08s ease-out, filter 0.08s ease-out;