social icons hover effect added

sanidhyy · Jan 13, 2024 · 6f11293 · 6f11293
1 parent 9815509
commit 6f11293
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
@@ -20,7 +20,7 @@ const Footer = () => {
           {socials.map((social) => (
             <li
               key={social.name}
-              className="text-secondary font-poppins font-medium cursor-pointer text-[16px]"
+              className="text-secondary font-poppins font-medium cursor-pointer text-[16px] opacity-80 hover:opacity-100 transition"
             >
               <Link to={social.link} target="_blank" rel="noreferrer noopener">
                 <img src={social.icon} alt={social.name} className="h-6 w-6" />