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
+7 -4
View File
@@ -8,12 +8,13 @@
width: calc(100% - 10px);
max-width: 1100px;
background-color: #F5F5F5;
transition: transform 0.3s ease;
transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
z-index: 1100;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
user-select: none;
}
.header-block {
@@ -24,7 +25,7 @@
left: 0;
width: 100%;
z-index: 1100;
transition: transform 0.3s ease;
transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
height: var(--window-inset-top);
}
@@ -74,7 +75,7 @@
max-height: calc(100vh - 50px);
overflow-y: auto;
transform: translateY(-10px);
transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.language-menu.show {
@@ -97,6 +98,7 @@
transition: background-color 0.2s ease;
position: relative;
overflow: hidden;
user-select: none;
}
.language-option:last-child {
@@ -133,7 +135,7 @@
justify-content: center;
align-items: center;
opacity: 0;
transition: opacity 0.2s ease;
transition: opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.help-overlay.show {
@@ -174,6 +176,7 @@
.help-content p {
font-size: 26px;
user-select: none;
}
.help-content ul {