动画效果优化

This commit is contained in:
lutinglt
2025-02-09 14:27:12 +08:00
parent 6c8f386f9f
commit 3f75f5f36b
3 changed files with 10 additions and 5 deletions

3
.github/release.md vendored
View File

@@ -3,4 +3,5 @@
#### 更符合 GitHub 风格
- 仓库代码页侧边栏宽度调整
- 下拉菜单分割线调整
- 下拉菜单分割线调整
- 动画效果优化

View File

@@ -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,

View File

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