diff --git a/css/index.css b/css/index.css index 9174918..92514be 100644 --- a/css/index.css +++ b/css/index.css @@ -273,13 +273,32 @@ font-size: 58px; line-height: 1.2; font-weight: 700; - /* 渐变文字效果 */ - background: linear-gradient(135deg, #FFFFFF 0%, #38BDF8 100%); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - background-clip: text; + color: #FFFFFF; letter-spacing: -1px; margin-bottom: 0; + position: relative; + display: inline-block; + background: linear-gradient(90deg, + rgba(255, 255, 255, 0.3) 0%, + rgba(255, 255, 255, 1) 25%, + rgba(255, 255, 255, 1) 50%, + rgba(255, 255, 255, 0.3) 75%, + rgba(255, 255, 255, 0.3) 100% + ); + background-size: 200% 100%; + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; + animation: shine 3s linear infinite; +} + +@keyframes shine { + 0% { + background-position: -200% 0; + } + 100% { + background-position: 200% 0; + } } @keyframes fadeInLeft { @@ -308,6 +327,7 @@ display: flex; flex-wrap: wrap; gap: 12px; + justify-content: flex-end; } .banner-tag-pill {