complete animation

- adjust position of prompt and save button on MMRL
- complete ripple animation
- new checkbox animation
This commit is contained in:
KOWX712
2024-12-28 14:54:38 +08:00
parent 1861e43a81
commit 940d809ac5
10 changed files with 207 additions and 100 deletions

View File

@@ -6,7 +6,7 @@
width: calc(100% - 20px);
max-width: 1100px;
z-index: 1000;
transition: transform 0.3s ease;
transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
margin-left: auto;
margin-right: auto;
left: 0;
@@ -86,7 +86,7 @@
display: inline-block;
fill: #000;
transform: rotate(0deg);
transition: transform 0.2s ease;
transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.menu-icon.menu-open {
@@ -108,10 +108,10 @@
max-height: calc(100vh - 120px);
overflow-y: auto;
white-space: nowrap;
opacity: 0;
visibility: hidden;
transform: translateX(120%);
transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
user-select: none;
}
#select-denylist {
@@ -120,7 +120,6 @@
.menu-options.visible {
display: block;
opacity: 1;
visibility: visible;
transform: translateX(0);
}