Add Hover Lift & Transition Styling to Cards Under “Why learn Java with Javaistic?” #732
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
arghyaxcodes
changed the title
Contributor
Author
|
Can you pls assign me the level also |
Member
Sure 👍🏻 |
arghyaxcodes
approved these changes
Jul 31, 2025
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Issue #731 Resolved
What was before?
Previously, the three key sections under Why learn Java with Javaistic? Docs, Coding, and GitHub had static images with no interactivity or hover animation. The layout was clean but felt a bit flat in terms of user experience.
What I changed
I added a subtle 3D transform hover effect to the feature images using Tailwind classes and a custom transition.
Here’s what happens now:
When a user hovers over any image, it gently lifts upward and scales slightly.
This gives a modern, engaging, and dynamic feel especially useful for attracting beginner users and improving interaction time.
Why this change?
Makes the site feel more lively and premium.
Adds a micro-interaction without compromising performance or layout.
Keeps the user more engaged and improves perceived responsiveness.
Outcome
✅ The layout remains exactly the same
✅ Mobile and tablet compatibility preserved
✅ Now feels more interactive and user-friendly