From 2e61bb15eea25146e14e3450f19a56c17db8ee4f Mon Sep 17 00:00:00 2001 From: Naitik Patel Date: Sat, 20 Jul 2024 23:13:04 +0530 Subject: [PATCH] hover effect over mentor section --- client/src/components/mentor/mentor-card-item.tsx | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/client/src/components/mentor/mentor-card-item.tsx b/client/src/components/mentor/mentor-card-item.tsx index b31e659..877ffc7 100644 --- a/client/src/components/mentor/mentor-card-item.tsx +++ b/client/src/components/mentor/mentor-card-item.tsx @@ -22,6 +22,11 @@ const MentorCardItem: FC = ({ item }) => { borderRadius: 8, boxShadow: 6, backgroundColor: 'white', + transition: 'transform 0.3s, box-shadow 0.3s', + '&:hover': { + transform: 'scale(1.05)', + boxShadow: 4, + }, }} >