From 3f75f5f36b738ca690b7430754588c972176b4b2 Mon Sep 17 00:00:00 2001
From: lutinglt <lutinglt@users.noreply.github.com>
Date: Sun, 9 Feb 2025 14:27:12 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8A=A8=E7=94=BB=E6=95=88=E6=9E=9C=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .github/release.md  |  3 ++-
 src/dropdown.scss   | 10 +++++++---
 src/transition.scss |  2 +-
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/.github/release.md b/.github/release.md
index 363d3fb..57c7f0c 100644
--- a/.github/release.md
+++ b/.github/release.md
@@ -3,4 +3,5 @@
 #### 更符合 GitHub 风格
 
 - 仓库代码页侧边栏宽度调整
-- 下拉菜单分割线调整
\ No newline at end of file
+- 下拉菜单分割线调整
+- 动画效果优化
\ No newline at end of file
diff --git a/src/dropdown.scss b/src/dropdown.scss
index b0e7f55..5597f9e 100644
--- a/src/dropdown.scss
+++ b/src/dropdown.scss
@@ -3,7 +3,11 @@
 @keyframes overlay-appear {
   0% {
     opacity: 0;
-    transform: translateY(-5%);
+    transform: translateY(-12px);
+  }
+
+  35% {
+    transform: translateY(-2px);
   }
 
   100% {
@@ -19,7 +23,7 @@
   border-radius: 12px;
   overflow: hidden;
   box-shadow: 0px 0px 0px 0.5px #30363d, 0px 6px 12px -3px rgba(1, 4, 9, 0.4), 0px 6px 18px 0px rgba(1, 4, 9, 0.4);
-  animation: 200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running overlay-appear;
+  animation: 300ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running overlay-appear;
 
   .clone-panel-field {
     margin-top: 16px;
@@ -92,7 +96,7 @@
   border-radius: 12px !important;
   overflow: hidden auto;
   box-shadow: 0px 0px 0px 0.5px #30363d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
-  animation: 200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running overlay-appear;
+  animation: 300ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running overlay-appear;
 }
 
 .ui.dropdown .menu,
diff --git a/src/transition.scss b/src/transition.scss
index 47ee96d..63cddb3 100644
--- a/src/transition.scss
+++ b/src/transition.scss
@@ -2,7 +2,7 @@
 @keyframes overlay-appear {
   0% {
     opacity: 0;
-    transform: translateY(-5%);
+    transform: translateY(-12px);
   }
 
   100% {