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 Animations with Tailwind CSS to “Join the AsyncAPI Conf in Paris” Button #512 #515

Closed

Conversation

IVedantD
Copy link

@IVedantD IVedantD commented Jan 10, 2025

This update adds hover animations to the "Join the AsyncAPI Conf in Paris!" button via Tailwind CSS. This change improves the user experience with smooth transitions, visual feedback, and a consistency in UI design. Adding transition and hover classes while ensuring responsive design and testing for any compatibility issues. There are no breaking changes introduced..

Recording.2025-01-10.201127.mp4

Linked Issue
Fixes #512

Copy link

netlify bot commented Jan 10, 2025

Deploy Preview for peaceful-ramanujan-288045 ready!

Built without sensitive environment variables

Name Link
🔨 Latest commit 42feaab
🔍 Latest deploy log https://app.netlify.com/sites/peaceful-ramanujan-288045/deploys/678133fba3dc060008cfcf75
😎 Deploy Preview https://deploy-preview-515--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.

@IVedantD IVedantD changed the title [FEATURE] Add Hover Animations with Tailwind CSS to “Join the AsyncAPI Conf in Paris” Button #512 feat: Add Hover Animations with Tailwind CSS to “Join the AsyncAPI Conf in Paris” Button #512 Jan 10, 2025
@IVedantD IVedantD changed the title feat: Add Hover Animations with Tailwind CSS to “Join the AsyncAPI Conf in Paris” Button #512 feat: add Hover Animations with Tailwind CSS to “Join the AsyncAPI Conf in Paris” Button #512 Jan 10, 2025
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.

Hey @IVedantD the hover effects look great, but could you maintain the colour theme of the button.

@IVedantD
Copy link
Author

@ashmit-coder Thanks for the feedback! I'll adjust the hover effects to match the button's color theme. If there's anything else you need, just let me know.

@IVedantD
Copy link
Author

Hi @ashmit-coder I've made some updates to the hover effects and maintained the button's color theme in line with your feedback. Could you take a moment to review the changes and let me know if everything looks good?

Recording.2025-01-14.154947.mp4

@ashmit-coder
Copy link
Collaborator

hey @IVedantD i am sorry but I guess we will go with the other pr on this issue, if it fails to deliver we will consider your's till then closing this one.

@IVedantD IVedantD deleted the feature/add-hover-animation branch January 17, 2025 10:23
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.

[FEATURE] Add Hover Animations with Tailwind CSS to “Join the AsyncAPI Conf in Paris” Button
2 participants