diff --git a/src/styles.css b/src/styles.css index 72fd3af..52bd5ec 100644 --- a/src/styles.css +++ b/src/styles.css @@ -392,7 +392,7 @@ audio.hidden-audio { .pulse-orb.idle { background: radial-gradient(circle at 40% 40%, #1a1a1a, #000 65%); box-shadow: 0 0 12px rgba(0, 0, 0, 0.6); - transform: scale(1); + transform: translate(-50%, -50%) scale(1); } .pulse-orb.playing { @@ -435,7 +435,7 @@ audio.hidden-audio { left: 50%; top: 50%; width: 12px; - height: calc(20px + var(--level, 0) * 50px); + height: calc(20px + var(--level, 0) * 100px); background: linear-gradient( to top, rgba(0, 0, 0, 0) 0%, @@ -447,7 +447,7 @@ audio.hidden-audio { opacity: calc(0.25 + var(--level, 0) * 0.85); transform-origin: 50% 100%; transform: - translate(-50%, calc(-20px - var(--level, 0) * 50px)) + translate(-50%, calc(-20px - var(--level, 0) * 100px)) rotate(calc(var(--index) * 30deg)) 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;