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% {