revert cubic-bezier animaiton

This commit is contained in:
KOWX712
2025-02-11 18:31:27 +08:00
parent 006ca27100
commit 42f0b6df77
5 changed files with 14 additions and 11 deletions
+3 -2
View File
@@ -67,6 +67,7 @@
border-radius: 15px; border-radius: 15px;
text-align: left; text-align: left;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
transition: opacity 0.2s ease;
} }
.close-update { .close-update {
@@ -182,7 +183,7 @@
border-radius: 50px 50px; border-radius: 50px 50px;
opacity: 0; opacity: 0;
transform: scale(0); transform: scale(0);
transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1); transition: all 0.2s ease;
z-index: 1200; z-index: 1200;
} }
@@ -278,7 +279,7 @@
border: 2px solid #ccc; border: 2px solid #ccc;
border-radius: 4px; border-radius: 4px;
box-sizing: border-box; box-sizing: border-box;
transition: border-color 1s ease, transform 0.3s ease, background-color 0.4s cubic-bezier(0.22, 1, 0.36, 1); transition: border-color 1s ease, transform 0.3s ease, background-color 0.2s ease;
} }
.tick-symbol { .tick-symbol {
+1 -1
View File
@@ -51,7 +51,7 @@ body {
width: auto; width: auto;
max-width: calc(100% - 40px); max-width: calc(100% - 40px);
transform: translateY(100%); transform: translateY(100%);
transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1); transition: transform 0.2s ease;
} }
.prompt.error { .prompt.error {
+4 -4
View File
@@ -8,7 +8,7 @@
width: calc(100% - 10px); width: calc(100% - 10px);
max-width: 1100px; max-width: 1100px;
background-color: #F5F5F5; background-color: #F5F5F5;
transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1); transition: transform 0.2s ease;
z-index: 1100; z-index: 1100;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@@ -25,7 +25,7 @@
left: 0; left: 0;
width: 100%; width: 100%;
z-index: 1100; z-index: 1100;
transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1); transition: transform 0.4s ease;
height: var(--window-inset-top); height: var(--window-inset-top);
} }
@@ -75,7 +75,7 @@
overflow-y: auto; overflow-y: auto;
transform: translateY(-30px) scale(0); transform: translateY(-30px) scale(0);
transform-origin: top right; transform-origin: top right;
transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1); transition: all 0.2s ease;
} }
.language-menu.show { .language-menu.show {
@@ -149,7 +149,7 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
opacity: 0; opacity: 0;
transition: opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1); transition: opacity 0.4s ease;
} }
.help-overlay.show { .help-overlay.show {
+3 -3
View File
@@ -6,7 +6,7 @@
width: calc(100% - 20px); width: calc(100% - 20px);
max-width: 1100px; max-width: 1100px;
z-index: 1000; z-index: 1000;
transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1); transition: transform 0.4s ease;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
left: 0; left: 0;
@@ -86,7 +86,7 @@
display: inline-block; display: inline-block;
fill: #000; fill: #000;
transform: rotate(0deg); transform: rotate(0deg);
transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1); transition: transform 0.2s ease;
} }
.menu-icon.menu-open { .menu-icon.menu-open {
@@ -110,7 +110,7 @@
white-space: nowrap; white-space: nowrap;
visibility: hidden; visibility: hidden;
transform: translateX(120%); transform: translateX(120%);
transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1); transition: all 0.2s ease;
user-select: none; user-select: none;
} }
+3 -1
View File
@@ -66,7 +66,7 @@
border: 2px solid #ccc; border: 2px solid #ccc;
border-radius: 4px; border-radius: 4px;
box-sizing: border-box; box-sizing: border-box;
transition: border-color 1s ease, transform 0.3s ease, background-color 0.4s cubic-bezier(0.22, 1, 0.36, 1); transition: border-color 1s ease, transform 0.3s ease, background-color 0.4s ease;
} }
.advanced-toggle .tick-symbol { .advanced-toggle .tick-symbol {
@@ -109,6 +109,7 @@
outline-color: #007bff; outline-color: #007bff;
border-radius: 10px; border-radius: 10px;
font-size: 16px; font-size: 16px;
transition: border-color 0.2s ease;
} }
.button-container { .button-container {
@@ -126,6 +127,7 @@
font-weight: bold; font-weight: bold;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
transition: background-color 0.2s ease;
} }
.auto-button { .auto-button {