From 625bb06bcfc0b3c9263b5bb4533fafa74a153446 Mon Sep 17 00:00:00 2001
From: hongjli <3117313295@qq.com>
Date: 星期二, 08 四月 2025 12:23:30 +0800
Subject: [PATCH] 主页优化
---
src/app/page.tsx | 24 ++++++++++++------------
1 files changed, 12 insertions(+), 12 deletions(-)
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6223957..4dda9cd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -62,7 +62,7 @@
initial={{ opacity: 0, y: 30 }}
whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: false, margin: "-100px" }}
- transition={{ duration: 0.6, ease: "easeOut" }}
+ transition={{ duration: 0.4, ease: "easeOut" }}
className="text-center mb-32 relative will-change-transform"
>
{/* 鑳屾櫙瑁呴グ鏁堟灉 */}
@@ -72,7 +72,7 @@
initial={{ scaleX: 0 }}
whileInView={{ scaleX: 1 }}
viewport={{ once: false, margin: "-100px" }}
- transition={{ duration: 1.2, delay: 0.3 }}
+ transition={{ duration: 0.8, delay: 0.2 }}
/>
<div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
{[...Array(2)].map((_, i) => (
@@ -90,9 +90,9 @@
whileInView={{ scale: [0, 5 + i], opacity: [0.2, 0] }}
viewport={{ once: false, margin: "-100px" }}
transition={{
- duration: 3,
+ duration: 2,
repeat: Infinity,
- delay: i * 0.8
+ delay: i * 0.6
}}
/>
))}
@@ -101,10 +101,10 @@
<motion.h1
className="text-4xl md:text-5xl font-bold mb-3 relative inline-block"
- initial={{ opacity: 0, filter: "blur(10px)" }}
- whileInView={{ opacity: 1, filter: "blur(0px)" }}
+ initial={{ opacity: 0, y: 20 }}
+ whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: false, margin: "-100px" }}
- transition={{ duration: 0.8, delay: 0.2 }}
+ transition={{ duration: 0.4, ease: "easeOut" }}
>
<span className="text-transparent bg-clip-text bg-gradient-to-r from-[#6ADBFF] to-[#5E72EB] relative">
甯峰箘鍚涙垚
@@ -115,7 +115,7 @@
opacity: [0.6, 1, 0.6]
}}
transition={{
- duration: 2,
+ duration: 1.5,
repeat: Infinity,
ease: "easeInOut"
}}
@@ -129,7 +129,7 @@
initial={{ scaleX: 0 }}
whileInView={{ scaleX: 1 }}
viewport={{ once: false, margin: "-100px" }}
- transition={{ duration: 0.8, delay: 0.5, ease: "easeOut" }}
+ transition={{ duration: 0.5, delay: 0.3, ease: "easeOut" }}
style={{ originX: 0 }}
/>
</div>
@@ -139,7 +139,7 @@
initial={{ opacity: 0, y: 10 }}
whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: false, margin: "-100px" }}
- transition={{ duration: 0.6, delay: 0.7 }}
+ transition={{ duration: 0.4, delay: 0.4 }}
>
鏅鸿兘鍖栦緵搴旈摼绠＄悊锛�
<motion.span
@@ -147,7 +147,7 @@
initial={{ opacity: 0 }}
whileInView={{ opacity: 1 }}
viewport={{ once: false, margin: "-100px" }}
- transition={{ duration: 0.4, delay: 1.1 }}
+ transition={{ duration: 0.3, delay: 0.6 }}
>
AI妯℃嫙APS鍦烘櫙
</motion.span>
@@ -159,7 +159,7 @@
initial={{ scale: 0 }}
whileInView={{ scale: 1 }}
viewport={{ once: false, margin: "-100px" }}
- transition={{ duration: 0.5, delay: 1.2 }}
+ transition={{ duration: 0.4, delay: 0.7 }}
>
<div className="w-full h-full bg-gradient-to-r from-[#6ADBFF]/0 via-[#6ADBFF] to-[#6ADBFF]/0"></div>
</motion.div>
--
Gitblit v1.9.3