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

feat: add hover effects on the Join the AsyncAPI Conf in Paris button #513

Open
wants to merge 5 commits into
base: master
Choose a base branch
from

Conversation

r0hansng
Copy link

@r0hansng r0hansng commented Jan 9, 2025

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.

Copy link

netlify bot commented Jan 9, 2025

Deploy Preview for peaceful-ramanujan-288045 ready!

Built without sensitive environment variables

Name Link
🔨 Latest commit 2047d18
🔍 Latest deploy log https://app.netlify.com/sites/peaceful-ramanujan-288045/deploys/678761822fb13e000841200b
😎 Deploy Preview https://deploy-preview-513--peaceful-ramanujan-288045.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@ashmit-coder
Copy link
Collaborator

LGTM! what do you think @Mayaleeeee

@Mayaleeeee
Copy link
Member

LGTM! what do you think @Mayaleeeee

Nope, doesn't look good yet

Copy link
Member

@Mayaleeeee Mayaleeeee left a 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.

@r0hansng
Copy link
Author

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!

@r0hansng
Copy link
Author

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

Copy link
Collaborator

@ashmit-coder ashmit-coder left a 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.

@r0hansng
Copy link
Author

r0hansng commented Jan 17, 2025

@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.

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.

3 participants