search

Omkar-Sonawane-23 / Maa-Vimala

https://maa-vimala.vercel.app
61 stars 109 forks source link

Enhancing Navbar Interaction: Proposal for Glowing Button Hover Effect #295

Open sakshi261203 opened 6 months ago

sakshi261203 commented 6 months ago

Is your feature request related to a problem? Please describe. No, the glowing hover effect for the navbar button isn't directly related to a critical problem on the website. It's more about enhancing the user experience (UX) and design.

Describe the solution you'd like I'd like to propose implementing a subtle glowing button effect, similar to the one in the attached image, that activates when a user hovers their mouse over the button. This effect can be achieved purely with CSS and would add a modern flair to the navbar, while also enhancing user experience (UX) by:

  1. Increasing button visibility: A subtle glow can make the button stand out more, especially on complex or colorful backgrounds.
  2. Providing clear interaction cues: The animation lets users know the button is clickable, making the navbar navigation more intuitive. I'm confident in my ability to implement this change using my skills in CSS. I've been working on similar effects recently, and I'm confident I can deliver a high-quality solution that complements the website's design.

Would you be open to me taking on this task?

Describe alternatives you've considered While a glowing hover effect offers a nice touch, here are some alternative approaches I've considered that might also achieve the desired goals of improving user experience and design for the navbar button:

  1. Increased Button Contrast: A simple yet effective solution could be to increase the color contrast between the navbar button and its background. This can make it stand out more prominently without adding animation.
  2. Button Shadow: A subtle drop shadow effect can also enhance the button's depth perception and make it appear more clickable.
  3. Button Border Change: On mouse hover, the button's border could change color or thickness to provide a visual cue for interaction.
  4. Button Background Color Change: A subtle change in the button's background color on hover can also indicate interactivity and complement the overall design.

Additional context Screenshot (6904) Screenshot (6905)

sakshi261203 commented 6 months ago

Hi Sameer Soni, Could you please assign this issue to me..