From 1d1c76652ed6530e3a457c5b2c96c2b6bf08b66a Mon Sep 17 00:00:00 2001 From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com> Date: Mon, 1 Sep 2025 20:42:45 +0000 Subject: [PATCH] Add gradient underline animation on hover for navigation links Update the Home page component to include a new span element for each Link. This span is styled to create a gradient underline that animates to full width on hover, utilizing Tailwind CSS classes and React.js state management for transitions. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/2xHHKQn --- client/src/pages/home.tsx | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx index cbc2def..367be75 100644 --- a/client/src/pages/home.tsx +++ b/client/src/pages/home.tsx @@ -81,11 +81,13 @@ export default function Home() { {/* Desktop navigation */}