From 41c22fe77448466c27e69e10398a7c6c2d771beb Mon Sep 17 00:00:00 2001 From: Johnny322 Date: Tue, 10 Feb 2026 16:57:08 +0100 Subject: [PATCH] The previous commit looked cool. Trying to add spin to the tentacles --- src/styles.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/src/styles.css b/src/styles.css index 395625e..a2948b0 100644 --- a/src/styles.css +++ b/src/styles.css @@ -422,6 +422,10 @@ audio.hidden-audio { pointer-events: none; } +.pulse-tentacles.playing { + animation: tentacleSpin 12s linear infinite; +} + .pulse-tentacles .tentacle { position: absolute; 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 { color: rgba(255, 255, 255, 0.6);