mirror of
https://github.com/alkimake/paperclip.git
synced 2026-06-14 01:50:39 +09:00
fix(ui): add pause between shimmer animation repeats
The sweep now completes at 60% of the cycle and holds for the remaining 40%, giving a ~1s pause before repeating. Total cycle duration increased from 1.5s to 2.5s. Co-Authored-By: Paperclip <noreply@paperclip.ing>
This commit is contained in:
parent
1a82646e9d
commit
7edd2f7946
1 changed files with 2 additions and 1 deletions
|
|
@ -297,6 +297,7 @@
|
|||
/* Shimmer text effect for active "Working" state — Cursor-style sweep */
|
||||
@keyframes shimmer-text-slide {
|
||||
0% { background-position: 100% center; }
|
||||
60% { background-position: 0% center; }
|
||||
100% { background-position: 0% center; }
|
||||
}
|
||||
|
||||
|
|
@ -315,7 +316,7 @@
|
|||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
animation: shimmer-text-slide 1.5s linear infinite;
|
||||
animation: shimmer-text-slide 2.5s linear infinite;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue