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

View File

@@ -67,6 +67,7 @@
border-radius: 15px;
text-align: left;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
transition: opacity 0.2s ease;
}
.close-update {
@@ -182,7 +183,7 @@
border-radius: 50px 50px;
opacity: 0;
transform: scale(0);
transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
transition: all 0.2s ease;
z-index: 1200;
}
@@ -278,7 +279,7 @@
border: 2px solid #ccc;
border-radius: 4px;
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 {

View File

@@ -51,7 +51,7 @@ body {
width: auto;
max-width: calc(100% - 40px);
transform: translateY(100%);
transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
transition: transform 0.2s ease;
}
.prompt.error {

View File

@@ -8,7 +8,7 @@
width: calc(100% - 10px);
max-width: 1100px;
background-color: #F5F5F5;
transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
transition: transform 0.2s ease;
z-index: 1100;
margin-left: auto;
margin-right: auto;
@@ -25,7 +25,7 @@
left: 0;
width: 100%;
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);
}
@@ -75,7 +75,7 @@
overflow-y: auto;
transform: translateY(-30px) scale(0);
transform-origin: top right;
transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
transition: all 0.2s ease;
}
.language-menu.show {
@@ -149,7 +149,7 @@
justify-content: center;
align-items: center;
opacity: 0;
transition: opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1);
transition: opacity 0.4s ease;
}
.help-overlay.show {

View File

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

View File

@@ -66,7 +66,7 @@
border: 2px solid #ccc;
border-radius: 4px;
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 {
@@ -109,6 +109,7 @@
outline-color: #007bff;
border-radius: 10px;
font-size: 16px;
transition: border-color 0.2s ease;
}
.button-container {
@@ -126,6 +127,7 @@
font-weight: bold;
position: relative;
overflow: hidden;
transition: background-color 0.2s ease;
}
.auto-button {