Skip to content

feat: add animated underline hover effect to footer links#1585

Open
humerasache wants to merge 1 commit into
aryandas2911:mainfrom
humerasache:enhance-footer-hover-animation
Open

feat: add animated underline hover effect to footer links#1585
humerasache wants to merge 1 commit into
aryandas2911:mainfrom
humerasache:enhance-footer-hover-animation

Conversation

@humerasache

Copy link
Copy Markdown

📌 Description

Enhanced footer link interactions by adding a smooth left-to-right underline animation on hover while preserving the existing colour transition and overall design.

🔗 Related Issue

Closes #1558

🛠 Changes Made

  • Added a smooth left-to-right animated underline hover effect to footer navigation links (Dashboard, Tasks, Routine Builder, About).
  • Added a smooth left-to-right animated underline hover effect to footer community links (GitHub Repo, Issues, Contributing).
  • Preserved existing hover colour transitions and maintained the current layout and responsiveness.

📸 Screenshots (if applicable)

Before:
image

After:
image

✅ Checklist

  • Code runs locally
  • Followed project structure
  • No console errors
  • Properly tested changes
  • Linked the issue

🚀 Notes for Reviewers

This enhancement is limited to footer link hover interactions and does not affect existing functionality or layout. The underline animation is implemented using Tailwind utility classes while keeping the existing styling intact.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Enhance Footer Links with Animated Underline Hover Effect

1 participant