Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[style]: Adding hover effect on "Enter your email ID" box #1330

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

sanchitc05
Copy link
Contributor

@sanchitc05 sanchitc05 commented Oct 26, 2024

Fixes #1311

Description

This pull request adds a 3D hover effect to the "Enter your email ID" input box, enhancing its interactivity and visual appeal. The input box now slightly scales up with a shadow effect when hovered over, giving a 3D appearance. Additionally, the border color and shadow are adjusted when the input is focused for a more refined user experience. No external dependencies are required for this change.

Fixes #1311

Screenshots

Before

Screenshot (268)

After

Screenshot (269)

Checklist

  • Tests have been added or updated to cover the changes
  • Documentation has been updated to reflect the changes
  • Code follows the established coding style guidelines
  • All tests are passing

Copy link

vercel bot commented Oct 26, 2024

@sanchitc05 is attempting to deploy a commit to the Suraj Pratap's projects Team on Vercel.

A member of the Team first needs to authorize it.

@SurajPratap10
Copy link
Owner

SurajPratap10 commented Oct 26, 2024

are these pics from the website or some follow ups from the website

@sanchitc05
Copy link
Contributor Author

sanchitc05 commented Oct 26, 2024

Yes, I replicated just the main elements rather than the whole website to implement the hover effect specifically for the form. Kindly merge it @SurajPratap10

@sanchitc05
Copy link
Contributor Author

@SurajPratap10 please check the commits and let me know if you want any modifications.
Regards,
Sanchit

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[style]: Adding hover effect on "Enter your email ID" box
2 participants