Added hover effect for Review and our blog sections in home page. #1042
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.
Rationale for this change
The home page’s Review and Our Blog sections currently lack interactive feedback when users hover over cards. Adding hover effects improves user engagement, visual hierarchy, and provides a more modern, polished UI feel.
What changes are included in this PR?
Added CSS hover effects for both Review and Blog cards.
Cards now have smooth transitions with lift-up, shadow, and image zoom effects.
Buttons in cards now feature color transitions and slight scaling for better interactivity.
Updated the CSS to ensure consistent animation speed and responsive compatibility across devices.
Are these changes tested?
Yes, tested across major browsers:
Chrome
Firefox
Edge
All hover animations work smoothly without layout shift or performance issues.
Are there any user-facing changes?
Yes.
Users will now experience visual hover animations when interacting with cards in:
Our Blog section
Review section
This makes the homepage feel more dynamic and engaging.
review.and.blog.mp4