feat: 結算畫面，第一名的光芒會轉動

side-project-at-SPT · Sep 29, 2024 · 1bbdd15 · 1bbdd15
1 parent 1f8fa2b
commit 1bbdd15
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/components/GameOverModal.vue b/src/components/GameOverModal.vue
@@ -144,6 +144,7 @@ const otherPlayers = computed(() => {
       background-repeat: no-repeat;
       background-position: center;
       background-size: contain;
+      animation: animate-shine 5s linear infinite;
     }
 
     .character {
@@ -247,6 +248,16 @@ const otherPlayers = computed(() => {
     }
   }
 
+  @keyframes animate-shine {
+      0% {
+        transform: rotate(0deg);
+      }
+
+      100% {
+        transform: rotate(360deg);
+      }
+    }
+
   .game-over-modal-container {
     position: relative;