Skip to content

fix: jerky hover transition for footer link cards#808

Open
Abhijeet2409 wants to merge 1 commit intoOWASP:mainfrom
Abhijeet2409:fix/footer-hover-transition
Open

fix: jerky hover transition for footer link cards#808
Abhijeet2409 wants to merge 1 commit intoOWASP:mainfrom
Abhijeet2409:fix/footer-hover-transition

Conversation

@Abhijeet2409
Copy link

@Abhijeet2409 Abhijeet2409 commented Mar 15, 2026

Summary

This PR fixes the slightly jerky hover transition on footer link cards (.footer__links-column).

Cause

The footer link cards apply a hover transform, but the transition property did not include transform. Because of this, the movement occurred instantly instead of smoothly.

Fix

Added transform to the transition property for .footer__links-column.

.footer__links-column {
  transition: background-color 0.3s ease,
              box-shadow 0.3s ease,
              transform 0.3s ease;
}

Result

  • Smooth hover transition
  • Consistent behavior with .footer__about
  • Improved UI polish
Solved.mp4

Note: The actual change in this PR only adds the missing transition and does not modify the existing transform behavior.
The transform values themselves were intentionally not changed to avoid introducing potential visual inconsistencies across different screen sizes.

Fixes #807

Signed-off-by: Abhijeet Saharan <abhijeetsaharan2236@gmail.com>
@Abhijeet2409 Abhijeet2409 changed the title fix: jerky hover animation for footer link cards fix: jerky hover transition for footer link cards Mar 15, 2026
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.

Footer link cards hover animation is not smooth

1 participant