[Feat] Add Animation Effect to the Card Section

[13Sharad]

Description

🔴 Tech stack:

CSS JavaScript (optional for advanced animations) 🔴 Objective:

Enhance the user experience on the EzyShopz website by adding smooth animation effects to the product cards. This will make the site more interactive and visually appealing, encouraging user engagement.

🔴 Summary: The card section on the website currently displays products statically. By adding animations such as hover effects, fade-in, or zoom, the cards will become more dynamic. When a user hovers over a card, it could enlarge slightly, display additional product information, or show subtle transitions that improve overall interaction and aesthetics.

Screenshots

No response

Checklist

• [X] I have checked the existing issues
• [X] I have read the Contributing Guidelines
• [X] I'm a GSSoC'24-Extd contributor
• [X] I'm a Hacktoberfest'24 contributor
• [X] I am willing to work on this issue (optional)

[github-actions[bot]]

Hello 13Sharad! Thanks for opening an issue in Ezyshop! 🚀

• We'll get back to you as soon as possible.

• Hope you star our Repo.

• Join our Discord Server to collaborate and discuss further.