ake/paperclip
1
0
Fork 0
mirror of https://github.com/alkimake/paperclip.git synced 2026-06-18 11:40:39 +09:00
Code Issues Projects Releases Packages Wiki Activity

fix(ui): fix shimmer animation loop jitter by keeping gradient in view

Browse source 
The shimmer keyframes animated from -100% to 200%, pushing the gradient
fully off-screen at both extremes. On loop restart the text flashed
invisible for a frame. Changed to 100%→0% so the gradient always
overlaps the visible area — both endpoints show solid base-color text
and the highlight sweeps smoothly through without discontinuity.

Co-Authored-By: Paperclip <noreply@paperclip.ing>
This commit is contained in:
dotta 2026-04-08 07:24:19 -05:00
parent f75c0c317c
commit 1a82646e9d
1 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
ui/src/index.css
View file

@ -296,8 +296,8 @@
/* 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; }
100% { background-position: 200% center; } 100% { background-position: 0% center; }
} }
.shimmer-text { .shimmer-text {
@ -315,7 +315,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 2s linear infinite; animation: shimmer-text-slide 1.5s linear infinite;
} }
@media (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {