Animate player image

2025-12-11 15:24:55 +10:30
parent 4acbf3ef8a
commit b8b4ddd059
2 changed files with 26 additions and 4 deletions
--- a/src/components/Player.astro
+++ b/src/components/Player.astro
@@ -49,10 +49,12 @@ const playerArtworkOpacity = 0.4;
  transition:name="player"
  transition:animate="none"
 >
-  <div
-    id="player:artwork:background"
-    class="absolute top-0 right-0 bottom-0 left-0 -z-90"
-  >
+  <div class="absolute inset-0 -z-90 overflow-hidden">
+    <div
+      id="player:artwork:background"
+      class="animate-bg-perlin absolute top-0 right-0 bottom-0 left-0 -z-90"
+    >
+    </div>
  </div>
  <div
    id="player:time:progress"