Title: Lack of 3D Hover Effects on Social Media Icons

[biswajit-sarkar-007]

Initiative (Required)

GSSoC 2024 Extd 🚀

Is your feature request related to a problem? Please describe.

The social media icons on the website lack a 3D hover effect, making them appear flat and less engaging. Adding a subtle 3D effect on hover would make the icons more interactive and visually appealing, enhancing the overall user experience.

Describe the solution you'd like.

Add a CSS 3D hover effect to the social media icons by using the following properties:

Transform: Apply transform: scale(1.1) to increase the size slightly on hover.
Box-Shadow: Use box-shadow to create a subtle 3D effect.
Transition: Add transition: 0.3s for a smooth animation when hovering over the icons.

Add any other context or screenshots about the feature request here.

[github-actions]

@biswajit-sarkar-007

It's great having you contribute to this project

Thanks for opening this Issue 🙌 , Welcome to Project Guidance 💖 We will review everything and get back to you.
Make sure to give a star to this repo before making a fork! Thank you :)

[github-actions]

Hi @biswajit-sarkar-007 👋, your issue #1510 has been successfully closed ✅. Thank you for your valuable contribution! 🙌