[Feat]: Add Animation in HandShake button #1065
Description
What feature?
📋 Overview (GGSOC :- GirlScript Sumer of Code 2025)
In the current UI, the "Share" button has a visually appealing hover animation — a smooth scale-up that enhances user interaction. However, the adjacent "Handshake" button lacks this animation, creating an imbalance in the user experience.
This feature aims to bring consistency to the interface by adding a similar hover animation to the "Handshake" button.
✨ Proposed Enhancement
Add a hover animation to the "Handshake" button that mirrors the one used on the "Share" button:
- 🔄 Scale-up on hover
- 🎯 Smooth transition (e.g.,
transition: transform 0.3s ease) - 💡 Optional: Subtle shadow or glow effect, if present in the Share button animation
🎯 Goals
- Ensure both buttons provide a consistent, polished user experience
- Improve visual feedback and interactivity
- Enhance overall UI aesthetic and usability
✅ Acceptance Criteria
- Handshake button has a scale-up hover animation
- Animation style, duration, and easing match the Share button
- Verified responsiveness across various screen sizes/devices
- No unintended side effects or regressions in button behavior
📎 Reference
Attached below is a visual showing the current state where the Share button has animation, and the Handshake button does not:
🙋♂️ Assign To
Please assign this issue to @parth-patel010. I'm ready to work on it!
💬 Additional Notes
This is a small UI touch but adds to the overall feel of a well-crafted product. Keeping animations consistent helps users intuitively understand interactive elements and creates a more delightful experience.
Add screenshots
Code of Conduct
- I agree to follow this project's Code of Conduct