Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Enhance Navbar Hover Effect and Slide-in Animation for Improved User Experience #1201

Merged
merged 2 commits into from
Oct 19, 2024

Conversation

KhushiChauhan8
Copy link
Contributor

@KhushiChauhan8 KhushiChauhan8 commented Oct 19, 2024

-> Changes Implemented:

  • Added hover effect where the navbar links become bold, and an underline appears with a smooth animation.
  • Increased the font size on hover to make links more prominent.
  • Implemented a slide-in animation for navbar links when the website loads, making the links smoothly slide down from the top to their positions.

-> Issue Reference:

-> Screenshots:

  • Before:
    Screenshot 2024-10-18 115435

  • After:
    Screenshot 2024-10-19 184519

Hi @ANSHIKA-26 ,

Thank you for your valuable feedback! 😊 I have updated the hover effect as requested, including:

  • Changing the color to black on hover.
  • Increasing the font size.
  • Making the headings bold.

Please review the changes, and let me know if there’s anything else you'd like me to adjust. 🙏

Copy link

vercel bot commented Oct 19, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
word-wise ✅ Ready (Inspect) Visit Preview 💬 Add feedback Oct 19, 2024 1:18pm

@hiteashgupta1
Copy link
Collaborator

Kindly refork and resync

@ANSHIKA-26 ANSHIKA-26 merged commit 0bd3e74 into ANSHIKA-26:main Oct 19, 2024
3 of 5 checks passed
Copy link

🎉🎉 Thank you for your contribution! Your PR #1201 has been merged! 🎉🎉

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

Successfully merging this pull request may close these issues.

3 participants