feat: add loading screen with fade-out animation

Implement a loading screen that displays while page loads and gracefully fades out after 1.5 seconds. Includes CSS animations and proper cleanup to prevent interaction blocking.
2025-07-16 17:10:45 +08:00
parent c8d2026004
commit 025cd29268
3 changed files with 52 additions and 0 deletions
@@ -10,6 +10,11 @@
 </head>
 <body>

+    <!-- 加载屏幕 -->
+    <div id="loading-screen">
+        <img src="Bellaicon/Generated image.webp" alt="Loading Bella...">
+    </div>
+
    <!-- 视频背景 -->
    <div class="video-container">
        <video autoplay muted class="bg-video active" id="video1">