From d2f92c3ad6144d9c5b204178c015682fdb116b9e Mon Sep 17 00:00:00 2001
From: Bhavy_Zala <zalabhavy2004@gmail.com>
Date: Fri, 21 Jun 2024 19:15:14 +0530
Subject: [PATCH] Hover effects added on Social icons

---
 css/footer.css | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/css/footer.css b/css/footer.css
index 521b0d5d..aabaec5c 100644
--- a/css/footer.css
+++ b/css/footer.css
@@ -51,9 +51,15 @@ footer .social li{
     margin: 5px;
     opacity: 0.75;
 }
-footer .social a:hover img{
-    transform: scale(1.5);
-    transition: .3s;
+footer .social a img 
+{
+    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out, filter 0.3s ease-in-out;
+    border-radius: 50%;
+}
+footer .social a:hover img {
+    transform: scale(1.5) translateY(-5px);
+    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
+    filter: brightness(1.2) drop-shadow(2px 4px 6px black);
 }
 footer .footerEnd{
     border-top: 1px solid #454d5e;