fix: speed up feature card hover transition to 200ms ease-out (#625) - #642
Open
purvasatav wants to merge 1 commit into
Open
fix: speed up feature card hover transition to 200ms ease-out (#625)#642purvasatav wants to merge 1 commit into
purvasatav wants to merge 1 commit into
Conversation
|
@goldshtofsara is attempting to deploy a commit to the Lovely Mahour's projects Team on Vercel. A member of the Team first needs to authorize it. |
purvasatav
force-pushed
the
fix/feature-card-hover-speed
branch
2 times, most recently
from
July 3, 2026 15:01
8c898b5 to
90c8270
Compare
purvasatav
force-pushed
the
fix/feature-card-hover-speed
branch
from
July 3, 2026 15:03
90c8270 to
8cc92bf
Compare
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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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.
Fixes #625
Problem
The hover animation on the four feature cards (Study Materials, Previous Papers, Senior Guidance, Exam Feedback) used a 0.3s transition, which felt sluggish and unresponsive.
Fix
Reduced the transition duration on
.feature-cardand its::beforeglow overlay from0.3s easeto0.2s ease-out, bringing it within the recommended 150–250ms range for snappier feedback while keeping the motion smooth.Changes
client/src/pages/Home.css.feature-card:transitionduration 0.3s → 0.2s, easingease→ease-out.feature-card::before:transitionduration 0.3s → 0.2s, easingease→ease-outScope
Only the feature card hover styles were changed. The visually similar
.stepcards in the "How It Works" section were intentionally left untouched, since the issue is specific to the feature cards.Testing
Verified the hover effect visually in the browser — feels noticeably more responsive while still smooth, consistent across all four cards.