From 4159274bf904f4e198fd9e09093a5140a99f65ee Mon Sep 17 00:00:00 2001
From: Cx330 <1487537121@qq.com>
Date: Sat, 19 Apr 2025 20:27:16 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=8D=8A=E9=80=8F=E6=98=8E?=
=?UTF-8?q?=E5=8D=A1=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
css/body.css | 2 +-
css/tool_card.css | 23 +++++++++++++++++++++++
index.html | 9 ++++++---
3 files changed, 30 insertions(+), 4 deletions(-)
create mode 100644 css/tool_card.css
diff --git a/css/body.css b/css/body.css
index eca9af3..ddd8d63 100644
--- a/css/body.css
+++ b/css/body.css
@@ -34,7 +34,7 @@ body {
.logo {
margin-top: 40px;
- font-size: 32px;
+ font-size: 50px;
}
.intro a {
diff --git a/css/tool_card.css b/css/tool_card.css
new file mode 100644
index 0000000..b1a8281
--- /dev/null
+++ b/css/tool_card.css
@@ -0,0 +1,23 @@
+/* 工具卡片 */
+.tool-card {
+ display: flex;
+ border-radius: 12px;
+ background: rgba(200, 200, 200, 0.2); /* 淡灰半透明 */
+ backdrop-filter: blur(8px); /* 背景模糊 */
+ -webkit-backdrop-filter: blur(8px); /* Safari 兼容 */
+ padding: 20px;
+ justify-content: center;
+ transition: transform 0.5s ease, box-shadow 0.5s ease;
+}
+
+/* 工具卡片动画完成状态 */
+.tool-card.animated {
+ opacity: 1;
+ transform: translateY(0); /* 恢复到正常位置 */
+}
+
+/* 工具卡片悬停效果 */
+.tool-card:hover {
+ transform: scale(1.03);
+ box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 79746fa..cab4065 100644
--- a/index.html
+++ b/index.html
@@ -9,6 +9,7 @@
+
@@ -36,9 +37,11 @@