monoadmin/the-other-dude
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(docs): fix gradient fill direction so it ends on gradient, not white

Browse Source 
Gradient on left half of background, white on right. Animation sweeps
from white to gradient. Uses 'both' fill mode for correct state during
delay and after completion.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jason Staack
2026-03-09 23:10:50 -05:00
parent dc6182bbd0
commit 786d494670
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/website/style.css
View File

@@ -369,13 +369,13 @@ ul, ol {
}
.hero-title .gradient-text {
background: linear-gradient(90deg, var(--text-primary) 50%, var(--accent) 50%, var(--accent-secondary) 100%);
background: linear-gradient(90deg, var(--accent) 0%, var(--accent-secondary) 50%, var(--text-primary) 50%);
background-size: 200% 100%;
background-position: 100% 0;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: gradient-fill 1.2s ease-out 0.3s forwards;
animation: gradient-fill 1.2s ease-out 0.3s both;
}
@keyframes gradient-fill {