alee/stegasoo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Form labels: gold with moving shine sweep effect

Browse Source
This commit is contained in:
Aaron D. Lee
2026-01-07 19:34:48 -05:00
parent 85309a2044
commit 241cdadd25
1 changed files with 17 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
frontends/web/static/style.css
View File

@@ -117,17 +117,27 @@
} }
/* ---------------------------------------------------------------------------- /* ----------------------------------------------------------------------------
Form Labels - Pale Gold with Shimmer Form Labels - Gold with Moving Shine
---------------------------------------------------------------------------- */ ---------------------------------------------------------------------------- */
.card .form-label { .card .form-label {
color: #fff8dc; /* Pale cornsilk gold */ color: transparent;
text-shadow: 0 0 8px rgba(254, 232, 98, 0.3); background: linear-gradient(
animation: label-shimmer 3s ease-in-out infinite; 90deg,
#ffe699 0%,
#ffe699 40%,
#fffef0 50%,
#ffe699 60%,
#ffe699 100%
);
background-size: 200% 100%;
background-clip: text;
-webkit-background-clip: text;
animation: label-shine 4s linear infinite;
} }
@keyframes label-shimmer { @keyframes label-shine {
0%, 100% { text-shadow: 0 0 8px rgba(254, 232, 98, 0.2); } 0% { background-position: 100% 0; }
50% { text-shadow: 0 0 12px rgba(254, 232, 98, 0.5), 0 0 4px rgba(255, 255, 255, 0.3); } 100% { background-position: -100% 0; }
} }
/* ---------------------------------------------------------------------------- /* ----------------------------------------------------------------------------