From 55f4d0817fa9545995b17646c6737346f32e41b4 Mon Sep 17 00:00:00 2001 From: Rishika Kherniwal Date: Mon, 6 Oct 2025 05:19:00 +0530 Subject: [PATCH] added gradient in the contribution word at the front page --- src/components/App.astro | 20 +++++++++++++++++--- 1 file changed, 17 insertions(+), 3 deletions(-) diff --git a/src/components/App.astro b/src/components/App.astro index 98448cc..d2b4739 100644 --- a/src/components/App.astro +++ b/src/components/App.astro @@ -37,8 +37,8 @@ import SocialShare from './SocialShare.astro'; } .App-header a { - text-decoration: unset; - color: unset; + text-decoration: none; + color: inherit; } .App-header > h1 { @@ -50,10 +50,24 @@ import SocialShare from './SocialShare.astro'; } .App-header > h1 span { - background: linear-gradient(to right, #60a5fa, #1d4ed8); + background: linear-gradient(90deg, #60a5fa, #1d4ed8, #60a5fa); + background-size: 200% 200%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; + animation: gradientShift 4s ease infinite; + } + + @keyframes gradientShift { + 0% { + background-position: 0% 50%; + } + 50% { + background-position: 100% 50%; + } + 100% { + background-position: 0% 50%; + } } @media (max-width: 700px) {