From c0e93dbfc5a30cac9de2b75144e4815a6ad4d551 Mon Sep 17 00:00:00 2001 From: xiaomai Date: Wed, 10 Sep 2025 23:34:08 +0800 Subject: [PATCH] feat(ui): overhaul page with glassmorphism and interactive features This commit completely revamps the page, transitioning from a simple static design to a modern, dynamic, and interactive experience with a glassmorphism aesthetic. Key additions include: - **Visual Redesign:** Implemented a dark, 'glassmorphism' theme with blurred backgrounds, gradient text, and enhanced hover effects. - **Interactive Theme Switcher:** Added a JavaScript-powered feature allowing users to dynamically change the page's color scheme. - **Dynamic Backgrounds:** Introduced a JavaScript-powered particle animation and CSS-animated decorative shapes to create a more lively and engaging background. - **Improved Typography:** Switched to 'Noto Sans SC' for better readability and aesthetics. - **Enhanced Layout:** Refined the overall structure and responsiveness for a more polished user experience on all devices. --- index.html | 475 ++++++++++++++++++++++++++++++++++++++++++++--------- 1 file changed, 394 insertions(+), 81 deletions(-) diff --git a/index.html b/index.html index 2d63162..d8e55f2 100644 --- a/index.html +++ b/index.html @@ -3,19 +3,20 @@ - 简约之美 - 网页设计 + 极简美学 - 艺术化网页设计 + + +
+
+
+
+
+ + +
+
-

简约之美

+

极简美学

+

简约之中见非凡，空灵之处显意境

+
-

有时候，最简单的设计反而能创造出最强大的视觉冲击

-

原始内容被优雅地重新设计：

+

原始内容被重新赋予艺术生命：

- 啥都没有 + 啥都没有
-

但我们为它增添了美感和目的

+

在极简主义中，空白本身就是一种设计语言

-

现代设计

-

采用最新的UI设计趋势，创造视觉吸引力

+

现代美学

+

采用最新的玻璃态设计，融合微交互与动效

-

响应式布局

-

在任何设备上都能完美展示

+

全响应式

+

在任何设备上都能提供完美的视觉体验

-

性能优化

-

快速加载，流畅动画，卓越体验

+

极致性能

+

精心优化的代码确保流畅的动画与快速加载

-

简约不简单，少即是多

+
+

选择主题色彩

+
+
+
+
+
+
+

点击上方色块切换页面主题色彩

+
+ +

少即是多，空即是满，无即是有

+ + \ No newline at end of file