temp/UI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

iter(g192): 动效时长字面值归零补循环档

Browse Source
This commit is contained in:
HIsheR
2026-10-26 17:55:13 +08:00
parent 0e996e42af
commit 68bfbddc82
6 changed files with 43 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/skin/ui/ui.css
+9 -9
View File
@@ -322,7 +322,7 @@ body.ua-col-resizing {
background: transparent;
border: 2px solid color-mix(in srgb, var(--ua-color-bg) 40%, transparent);
border-top-color: var(--ua-color-bg);
animation: ua-switch-spin 0.7s linear infinite;
animation: ua-switch-spin var(--ua-duration-loop-mid) linear infinite;
}
@keyframes ua-switch-spin {
to { transform: rotate(360deg); }
@@ -1380,7 +1380,7 @@ button.ua-step-dot:hover {
inset: 0;
transform: translateX(-100%);
background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--ua-color-bg) 65%, transparent), transparent);
animation: ua-shimmer 1.4s ease-in-out infinite;
animation: ua-shimmer var(--ua-duration-loop-slow) ease-in-out infinite;
}
@keyframes ua-shimmer {
to {
@@ -1478,7 +1478,7 @@ button.ua-step-dot:hover {
border: 2px solid var(--ua-color-border);
border-top-color: var(--ua-color-accent);
border-radius: 50%;
animation: ua-spin 0.8s linear infinite;
animation: ua-spin var(--ua-duration-loop-mid) linear infinite;
}
@keyframes ua-spin {
to {
@@ -1506,7 +1506,7 @@ button.ua-step-dot:hover {
width: 0;
border-radius: inherit;
background: linear-gradient(90deg, color-mix(in srgb, var(--ua-color-accent) 65%, transparent), var(--ua-color-accent));
transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
transition: width var(--ua-duration-slower) cubic-bezier(0.4, 0, 0.2, 1);
}
.ua-progress-fill::after {
content: '';
@@ -1514,7 +1514,7 @@ button.ua-step-dot:hover {
inset: 0;
background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.18) 0 6px, transparent 6px 12px);
background-size: 17px 100%;
animation: ua-stripe 0.6s linear infinite;
animation: ua-stripe var(--ua-duration-loop-fast) linear infinite;
}
.ua-progress-fill.ua-done {
background: var(--ua-color-success);
@@ -1537,7 +1537,7 @@ button.ua-step-dot:hover {
.ua-progress-fill.ua-indeterminate {
width: 35%;
transition: none;
animation: ua-indeterminate 1.2s ease-in-out infinite;
animation: ua-indeterminate var(--ua-duration-loop-slow) ease-in-out infinite;
}
.ua-progress-fill.ua-indeterminate::after {
animation: none;
@@ -2238,7 +2238,7 @@ button.ua-step-dot:hover {
.ua-tl-dot-pending {
background: var(--ua-color-bg);
border: 1px dashed var(--ua-color-accent);
animation: ua-tl-pulse 1.6s ease-in-out infinite;
animation: ua-tl-pulse var(--ua-duration-loop-long) ease-in-out infinite;
}
.ua-tl-head {
display: flex;
@@ -2565,7 +2565,7 @@ button.ua-step-dot:hover {
.ua-carousel-track {
display: flex;
height: 100%;
transition: transform 0.32s ease;
transition: transform var(--ua-duration-slower) ease;
}
.ua-carousel-slide {
flex: 0 0 100%;
@@ -4730,7 +4730,7 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); }
.ua-progress-ring-arc {
stroke: var(--ua-color-accent);
stroke-linecap: round;
transition: stroke-dashoffset 0.3s ease;
transition: stroke-dashoffset var(--ua-duration-slower) ease;
}
.ua-progress-ring.is-success .ua-progress-ring-arc { stroke: var(--ua-color-success); }
.ua-progress-ring.is-warning .ua-progress-ring-arc { stroke: var(--ua-color-warning); }