From 649d94c1ec659a47e076b5f2ee87db8874d4bbb3 Mon Sep 17 00:00:00 2001
From: codermnk13 <131571026+codermnk13@users.noreply.github.com>
Date: Sun, 20 Jul 2025 03:16:08 +0000
Subject: [PATCH] Add hover animation to social icons

---
 src/styles.css | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/src/styles.css b/src/styles.css
index 999a1740..2955a8ab 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -123,3 +123,20 @@ img.socialIcon {
   height: 30px;
   width: 30px;
 }
+/* add an amazing animation to the social icons */
+img.socialIcon:hover {
+  animation: bounce 0.5s;
+  animation-iteration-count: infinite;
+}
+
+@keyframes bounce {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.2);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
\ No newline at end of file