From ed02993350e06fe5cdee5d2a67a5d544bd2630f8 Mon Sep 17 00:00:00 2001 From: imbytecat Date: Sun, 8 Feb 2026 19:40:20 +0800 Subject: [PATCH] =?UTF-8?q?style(desktop):=20loading=20=E9=A1=B5=E9=9D=A2?= =?UTF-8?q?=E6=94=B9=E4=B8=BA=E7=99=BD=E8=89=B2=E8=BD=BB=E7=9B=88=E4=B8=BB?= =?UTF-8?q?=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/desktop/src/renderer/index.html | 13 ++++---- apps/desktop/src/renderer/styles.css | 47 +++++++++++----------------- 2 files changed, 25 insertions(+), 35 deletions(-) diff --git a/apps/desktop/src/renderer/index.html b/apps/desktop/src/renderer/index.html index e2d4d4f..2da8957 100644 --- a/apps/desktop/src/renderer/index.html +++ b/apps/desktop/src/renderer/index.html @@ -6,14 +6,13 @@ Furtherverse - -
-
-

Furtherverse

-
-
+ +
+

Furtherverse

+
+
-
Starting
+
Starting
diff --git a/apps/desktop/src/renderer/styles.css b/apps/desktop/src/renderer/styles.css index 8bed890..6470aea 100644 --- a/apps/desktop/src/renderer/styles.css +++ b/apps/desktop/src/renderer/styles.css @@ -1,36 +1,15 @@ @import "tailwindcss"; @theme { - --animate-breathe: breathe 8s ease-in-out infinite alternate; - --animate-slide: slide 1.4s cubic-bezier(0.4, 0, 0.2, 1) infinite; - --animate-appear: appear 1s ease-out 0.2s both; - --animate-pulse-subtle: pulse-subtle 3s ease-in-out infinite; + --animate-fade-in: fade-in 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards; + --animate-pulse-slow: pulse-slow 3s ease-in-out infinite; + --animate-loading-bar: loading-bar 2s cubic-bezier(0.4, 0, 0.2, 1) infinite; } -@keyframes breathe { - from { - transform: scale(0.95); - opacity: 0.5; - } - to { - transform: scale(1.05); - opacity: 0.8; - } -} - -@keyframes slide { - 0% { - transform: translateX(-150%); - } - 100% { - transform: translateX(350%); - } -} - -@keyframes appear { +@keyframes fade-in { from { opacity: 0; - transform: translateY(10px); + transform: translateY(4px); } to { opacity: 1; @@ -38,12 +17,24 @@ } } -@keyframes pulse-subtle { +@keyframes pulse-slow { 0%, 100% { - opacity: 0.5; + opacity: 0.4; } 50% { opacity: 0.8; } } + +@keyframes loading-bar { + 0% { + transform: translateX(-100%); + } + 50% { + transform: translateX(0); + } + 100% { + transform: translateX(100%); + } +}