From 4cfc18bd567d2cd30818a6a9faf1c7c175708114 Mon Sep 17 00:00:00 2001
From: Netflix-Clone <yashvishrest@gmail.com>
Date: Sun, 15 Feb 2026 00:53:15 +0530
Subject: [PATCH] Add hover effect in projects card

---
 src/pages/projects.jsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/pages/projects.jsx b/src/pages/projects.jsx
index 981f1156..78d128f4 100644
--- a/src/pages/projects.jsx
+++ b/src/pages/projects.jsx
@@ -43,6 +43,13 @@ const Cards = () => {
               backdropFilter: 'blur(4px) brightness(100%)',
               display: 'flex',
               flexDirection: 'column',
+              transition: 'all 0.3s ease-in-out',
+
+              '&:hover': {
+                transform: 'scale(1.05)',
+                borderColor: '#FFD700',
+                boxShadow: '0 0 20px rgba(255, 215, 0, 0.7)',
+              },
             }}
           >
             <CardContent sx={{ flexGrow: 1, textAlign: 'center' }}>