-
-
Notifications
You must be signed in to change notification settings - Fork 112
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
feat: add hover effects on the Join the AsyncAPI Conf in Paris button #513
base: master
Are you sure you want to change the base?
Conversation
…st link tag just after return statement by using tailwind css.
✅ Deploy Preview for peaceful-ramanujan-288045 ready!Built without sensitive environment variables
To edit notification comments on pull requests, go to your Netlify site configuration. |
LGTM! what do you think @Mayaleeeee |
Nope, doesn't look good yet |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Please use the gradient color instead of the white, or you can try the light white color we used for the nav bar - you should see this when scrolling.
OK! Will commit the changes ASAP! |
Hey, @ashmit-coder @Mayaleeeee I have added the changes you asked me to. Please review it and if you require any changes please tell me. Thank You |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@r0hansng the button seems to go blur on hover, please address that.
@ashmit-coder I did that because @Mayaleeeee told me to use the color in the NavBar which will be visible on scrolling. Should I still make the changes?? Please let me know If I misunderstood the problem statement. |
Title: Add Hover Animation for Button in “Join the AsyncAPI Conf in Paris” using Tailwind CSS
Issue ID: #512
Description:
• Added a hover animation to the “Join the AsyncAPI Conf in Paris!” button.
• The hover animation was implemented using Tailwind CSS.
• Applied the hover effect to the button element, enhancing its interactivity.
Changes:
• Updated the button component in the relevant file.
• Included Tailwind CSS classes for hover effects, including scaling and color transitions.
Impact:
• The hover effect improves user interaction by providing visual feedback, making the button more engaging and enhancing the overall UI/UX.