Feature Request: Implement Smooth Animation for Projects Section Card

[Amdadullah-Raihan]

Description:

I would like to request the implementation of smooth animations for the project cards in the projects section. Smooth animations can enhance the user experience by making interactions feel more responsive and visually appealing.

Current Behavior:

Currently, the project cards in the projects section do not have any animations, which can make the transitions feel abrupt and less engaging.

Proposed Solution:

Implement smooth animations for the project cards. This could include:

• Hover Animation: Smoothly enlarge the card or change its background color when the user hovers over it.
• Entry Animation: Smoothly animate the cards into view as the user scrolls down the page.

https://github.com/AOSSIE-Org/website/assets/86322464/1fcd46e4-770c-4c1a-874e-61e123185580

Example CSS for hover animation:

.project-card {
  transition: transform 0.3s ease, background-color 0.3s ease;
}

.project-card:hover {
  transform: scale(1.05);
  background-color: #f0f0f0;
}

[karthik1714]

Hi @Amdadullah-Raihan,

I would like to work on this issue. I plan to implement smooth animations for the project cards as you described. Please assign this issue to me.

Thank you!