Skip to content

fix: speed up feature card hover transition to 200ms ease-out (#625) - #642

Open
purvasatav wants to merge 1 commit into
lovelymahor:mainfrom
purvasatav:fix/feature-card-hover-speed
Open

fix: speed up feature card hover transition to 200ms ease-out (#625)#642
purvasatav wants to merge 1 commit into
lovelymahor:mainfrom
purvasatav:fix/feature-card-hover-speed

Conversation

@purvasatav

Copy link
Copy Markdown

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-card and its ::before glow overlay from 0.3s ease to 0.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: transition duration 0.3s → 0.2s, easing easeease-out
    • .feature-card::before: transition duration 0.3s → 0.2s, easing easeease-out

Scope

Only the feature card hover styles were changed. The visually similar .step cards 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.

@vercel

vercel Bot commented Jul 3, 2026

Copy link
Copy Markdown

@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
purvasatav force-pushed the fix/feature-card-hover-speed branch 2 times, most recently from 8c898b5 to 90c8270 Compare July 3, 2026 15:01
@purvasatav
purvasatav force-pushed the fix/feature-card-hover-speed branch from 90c8270 to 8cc92bf Compare July 3, 2026 15:03
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.

Improve hover animation speed for feature cards to enhance user experience

1 participant