Skip to content

Add Hover Animations to All Cards on Linux Foundation Mentorship Page #919

@Eshita-Badhe

Description

@Eshita-Badhe

Description

The cards throughout the Linux Foundation Mentorship page (e.g., Real-World Projects, Expert Mentorship, Career Growth, and other sections) currently lack hover animations.

Since the website follows a modern dark-gold theme with interactive UI elements, the absence of hover effects makes the cards feel static and less engaging compared to other parts of the platform.

Adding smooth hover animations will improve user interaction, visual depth, and overall UI consistency.

Suggested Changes

  • Add smooth hover lift effect (transform: translateY(-8px))
  • Apply soft shadow/glow effect on hover
  • Add subtle border or gold accent highlight on hover
  • Include smooth transition (transition: all 0.3s ease)
  • Ensure animations are responsive and performance-friendly

ScreenshotImage

Image Image Image Image Image

Note: I would like to work on this under SWoC26.

Metadata

Metadata

Assignees

Labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions