zzh/personal-navigation-site
1
0
Fork 0
mirror of https://github.com/handsomezhuzhu/personal-navigation-site.git synced 2026-04-18 22:32:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: replace glitch flicker with smooth color gradient animation

Browse Source 
Update title with decryption effect and continuous color cycle animation.

Co-authored-by: Simon <85533298+handsomezhuzhu@users.noreply.github.com>
This commit is contained in:
v0
2026-03-07 14:50:53 +00:00
parent 4dada4a6f8
commit 766942e189
2 changed files with 33 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
app/globals.css
View File

@@ -124,3 +124,32 @@
@apply bg-background text-foreground;
}
}
/* Cyber gradient flow animation */
@keyframes gradient-flow {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.cyber-title {
background: linear-gradient(
90deg,
oklch(0.75 0.12 180),
oklch(0.7 0.15 220),
oklch(0.65 0.18 280),
oklch(0.7 0.15 320),
oklch(0.75 0.12 180)
);
background-size: 300% 100%;
animation: gradient-flow 6s ease infinite;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}