From e082ab3846c92c432d457a5c9fdf5bd492df1e08 Mon Sep 17 00:00:00 2001
From: Ayush Yadav <ayushyadav24nov1234@gmail.com>
Date: Sat, 4 May 2024 12:25:33 +0530
Subject: [PATCH] Update style.css

Added some transition on hovering the panel divs. You can adjust rest of the things like border radius n all on your own.
---
 expanding-cards/style.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/expanding-cards/style.css b/expanding-cards/style.css
index a6fe024..c0e641e 100644
--- a/expanding-cards/style.css
+++ b/expanding-cards/style.css
@@ -33,6 +33,12 @@ body {
   -webkit-transition: all 700ms ease-in;
 }
 
+/* Hover effect for panels */
+.panel:hover {
+  flex: 3; /* You can adjust the value for the flex property as needed */
+  background-size: 110%; /* This will slightly zoom the background image */
+}
+
 .panel h3 {
   font-size: 24px;
   position: absolute;