Enhanced Navigation Bar with additional features

yogirajbshinde21 commented 2 days ago

Fixes issue #337

This pull request enhances the navbar design to improve its aesthetics and user experience.

The changes include several visual and interactive updates: Transparent Background: Updated the navbar and navbar list to have a transparent background with a subtle shadow for depth (rgba(0, 0, 0, 0.5)).
Link Element Enhancements: Enhanced link elements () with:
1. White text color (#ffffff).
2. Text shadow (1px 1px 5px rgba(0, 0, 0, 0.5)).
3. Rounded corners (border-radius: 20px).
4. Smooth transitions for color, background, and transform properties (0.3s ease).
5. Hover Effects: Implemented dynamic hover effects on link elements:
6. Text color changes to light blue (#00bfff).
7. Background animation (rgba(255, 255, 255, 0.1)).
8. Scale transformation (transform: scale(1.05)).
9. Added a pseudo-element (::before) for a sliding background effect on hover.
10. Added a pseudo-element (::after) for a circle shrinking effect on hover.
11. Media Queries: Adjusted font sizes and spacings for responsiveness across different screen sizes (@media queries).
  
  Updated Navigation Bar :

vercel[bot] commented 2 days ago

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

Name	Status	Preview	Comments	Updated (UTC)
time-warp	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 26, 2024 9:59am

Akshatchaube01 commented 2 days ago

Can you please pull the recent changes and then commit

yogirajbshinde21 commented 2 days ago

Can you please pull the recent changes and then commit

Hello, I have already pulled the recent changes made, please approve changes and merge the pull request.

Akshatchaube01 commented 2 days ago

Your PR isn't reflecting the recent changes.

yogirajbshinde21 commented 2 days ago

Your PR isn't reflecting the recent changes.

Akshatchaube01 / TimeWarp