apu52 / Travel_Website

🚀 Welcome🌈 , This repo is officially accepted for GSSOC'2k24🌟 & VsOC'24🌟This repo contains my project on Travel Website ✈️ using HTML,CSS . It contains the landing page of a travel tour company website. If you have any front end project on this or you can add new features in the project or in this repos.
https://apu52.github.io/Travel_Website/
MIT License
198 stars 425 forks source link

Glowing Login Button: A User-Friendly Touch #626

Open sakshi261203 opened 1 month ago

sakshi261203 commented 1 month ago

Is your feature request related to a problem? Please describe. No, the glowing login button feature request isn't directly related to a specific problem on the website. It's more about improving the user experience (UX) and design.

Describe the solution you'd like Absolutely, adding a glowing button effect to the login button is a great way to enhance the user experience on the website. It can improve the button's visibility, especially for users with certain visual impairments, and add a touch of interactivity that can make the login process feel more engaging. I'd like to propose adding a subtle glowing button effect to the login button. This could be implemented with pure CSS and would involve adding a hover effect that creates a glowing animation around the button when a user hovers their mouse over it. I think_ this would be a great way to [ e.g. improve the button's visibility, make the login process more engaging] and I'm confident that I can 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.

Describe alternatives you've considered While a glowing button effect offers a nice touch, here are some alternative approaches I've considered that might also achieve the desired goals:

  1. Increased Button Contrast: A simple yet effective solution could be to increase the color contrast between the login 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 Animation (Non-Glowing): A different type of animation, like a slight button scale on hover, could also add interactivity without the glowing effect.

Demo Video/Screenshot (Mandatory ) Screenshot (6891) Screenshot (6892)

Are you contributing under any open-source program ? No, I am not contributing under any open- source program till now.

github-actions[bot] commented 1 month ago

Hi @sakshi261203! Thanks for opening this issue. We appreciate your contribution to this open-source project.

sakshi261203 commented 1 month ago

Hi Arpan Chowdhury, Please assign this issue to me..

DiyaMittal02 commented 1 month ago

I want to contribute in this project. Please assign this issue to me

apu52 commented 1 month ago

@sakshi261203 you are assigned.

thecloudcode commented 1 month ago

Please assign me this issue under GSSoC'24, I can do this easily

apu52 commented 1 month ago

Please assign me this issue under GSSoC'24, I can do this easily

This issue is already assigned . Please try to raise new issues on which you want to work on