From e3cca74748155ed07cd3468c807b6ade8e3f8237 Mon Sep 17 00:00:00 2001
From: Dominique Ithina <71510886+Nickithine@users.noreply.github.com>
Date: Sun, 15 Jun 2025 20:35:42 +0000
Subject: [PATCH] =?UTF-8?q?Adiciona=20anima=C3=A7=C3=B5es=20e=20efeitos=20?=
 =?UTF-8?q?de=20hover=20para=20=C3=ADcones=20sociais?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/styles.css b/src/styles.css
index 999a174..c4e9a6d 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -122,4 +122,22 @@ a:hover {
 img.socialIcon {
   height: 30px;
   width: 30px;
+  transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55), box-shadow 0.3s;
+  will-change: transform, box-shadow;
+  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.12));
+}
+
+img.socialIcon:hover {
+  transform: scale(1.3) rotate(-12deg);
+  box-shadow: 0 8px 24px 0 rgba(78,86,126,0.25), 0 1.5px 6px 0 rgba(0,0,0,0.10);
+  filter: drop-shadow(0 4px 12px rgba(78,86,126,0.18));
+  animation: social-bounce 0.5s;
+}
+
+@keyframes social-bounce {
+  0%   { transform: scale(1) rotate(0deg); }
+  30%  { transform: scale(1.25) rotate(-12deg); }
+  50%  { transform: scale(0.95) rotate(6deg); }
+  70%  { transform: scale(1.1) rotate(-6deg); }
+  100% { transform: scale(1.3) rotate(-12deg); }
 }