mirror of
https://github.com/alkimake/paperclip.git
synced 2026-06-16 10:50:38 +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 */
|
/* Shimmer text effect for active "Working" state — Cursor-style sweep */
|
||||||
@keyframes shimmer-text-slide {
|
@keyframes shimmer-text-slide {
|
||||||
0% { background-position: 100% center; }
|
0% { background-position: 100% center; }
|
||||||
|
60% { background-position: 0% center; }
|
||||||
100% { background-position: 0% center; }
|
100% { background-position: 0% center; }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -315,7 +316,7 @@
|
||||||
-webkit-background-clip: text;
|
-webkit-background-clip: text;
|
||||||
background-clip: text;
|
background-clip: text;
|
||||||
-webkit-text-fill-color: transparent;
|
-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) {
|
@media (prefers-reduced-motion: reduce) {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue