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

feat: Fixed hover effect on navbar #1706

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

Arushi-6278
Copy link

issue #1680

Title and Issue number

Title : Improve Navbar Hover Effects

Issue No. : 1680

Code Stack : HTML, CSS

Close #1680

Description

This PR enhances the hover effects for the navigation bar by:

Adding a smooth fade-in and fade-out effect for better aesthetics.
Maintaining suitable colors in dark and light mode.
Ensuring the dropdown under "Services" appears smoothly with a fade effect.
Smooth navigation of buttons with 3D Glow & Translucency.
Adding a glow effect behind the navbar for 3D effect.

Video/Screenshots (mandatory)

travel.website.recording.mp4

Before:
Screenshot 2025-03-17 163436

After enhancement:
Screenshot 2025-03-17 163610

Type of PR

  • Bug fix
  • Feature enhancement
  • Documentation update
  • Other (specify): _______________

Checklist:

  • I have performed a self-review of my code.
  • I have commented my code, particularly in hard-to-understand areas.
  • I have tested the changes thoroughly before submitting this pull request.
  • I have provided relevant issue numbers, screenshots, and videos after making the changes.
  • I have gone through the contributing.md file before contributing
  • I have Starred the Repository.

Additional context:

This contribution is intended to enhance the color and hovering effects on navbar.

##Are you contributing under any Open-source programme?

  • I am contributing under APERTRE 2025
  • I am contributing under CODEPEAK 2025

Copy link

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

Copy link

netlify bot commented Mar 18, 2025

Deploy Preview for taupe-cendol-f7e2bb ready!

Name Link
🔨 Latest commit 03d2acf
🔍 Latest deploy log https://app.netlify.com/sites/taupe-cendol-f7e2bb/deploys/67d8fe76fd9e6a0008135fe4
😎 Deploy Preview https://deploy-preview-1706--taupe-cendol-f7e2bb.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@Arushi-6278 Arushi-6278 changed the title Feature: Fixed hover effect on navbar (Issue #1680) Feat: Fixed hover effect on navbar Mar 18, 2025
@Arushi-6278 Arushi-6278 changed the title Feat: Fixed hover effect on navbar feat: Fixed hover effect on navbar Mar 18, 2025
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.

[Feature Request]: Improve hover effect on navbar
1 participant