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);