From 83959160b0c3692234f6f0464565937eae9993d6 Mon Sep 17 00:00:00 2001 From: Jayasudha-Periyasamy Date: Thu, 29 Jan 2026 10:09:27 +0000 Subject: [PATCH] Add bounce animation to social icons on hover --- src/styles.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/src/styles.css b/src/styles.css index 999a174..13dc1d9 100644 --- a/src/styles.css +++ b/src/styles.css @@ -123,3 +123,21 @@ 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); + } +}