动画效果优化

.github/release.md

@@ -4,3 +4,4 @@
 
 - 仓库代码页侧边栏宽度调整
 - 下拉菜单分割线调整
+- 动画效果优化

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,

src/transition.scss

@@ -2,7 +2,7 @@
 @keyframes overlay-appear {
   0% {
     opacity: 0;
-    transform: translateY(-5%);
+    transform: translateY(-12px);
   }
 
   100% {