✨[feature Request]: Missing Animation with Hover Shadow in Login Page

[Sunilkumarchavhan9]

Is there an existing issue for this?

• [X] I have searched the existing issues

Feature Description

The login card and "Login to Save your Data!" heading can have an animation effect on hover to make the design more interactive. You can add a hover effect to slightly increase the shadow and change the card's position, making it look dynamic.

Use Case

By using a hover animation on the login card and interactive heading text, the user is visually guided to the input fields, making the login process more engaging and easy to focus on. This can also be useful in highlighting important actions (like Login) on your page.

Benefits

The animation and shadow effects will draw attention to the login form, making the page feel responsive and modern. The subtle design improvements will encourage interaction while maintaining a professional appearance.

Add ScreenShots

it contains slitter shadow but not contain hover effect to slightly increase the shadow and change the card's position, making it look dynamic

Priority

High

Record

• [X] I have read the Contributing Guidelines
• [X] I'm a GSSOC'24EXTD contributor
• [X] I have starred the repository

[github-actions[bot]]

Hi there! Thanks for opening this issue @Sunilkumarchavhan9!. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.