Add Hover Effects to Footer Links & Login/Register Buttons #5
Description
Summary:
Currently, the footer links and authentication buttons lack visual feedback on hover, which can make the UI feel less interactive. Introducing hover effects will enhance user experience, accessibility, and design polish.
Proposed Changes:
- Footer Links:
- Add color change or underline on hover
- Optional: Slight brightness or opacity effect
- Login/Register Buttons:
- Apply background or border color change on hover
- Add smooth transition for a professional feel
Sample CSS:
footer a:hover {
color: #00b894; /* example highlight color */
text-decoration: underline;
transition: all 0.3s ease;
}
.auth-button:hover {
background-color: #0984e3;
color: #fff;
transition: all 0.3s ease;
}