From 916cbd437d04dc9f8ba2a217725115a2b5f6af53 Mon Sep 17 00:00:00 2001 From: Shuvadipta Das Date: Sat, 28 Oct 2023 09:54:48 +0530 Subject: [PATCH] styled social icons and made hover effects --- styles.css | 21 ++++++++++++++++++++- 1 file changed, 20 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index e7f16f0..3f2f1b2 100644 --- a/styles.css +++ b/styles.css @@ -231,7 +231,7 @@ nav .container ul li { nav a { text-decoration: none; font-size: 1.1em; - transition: 0.9s smooth; + transition: 0.4s; font-weight: 600; color: #fff; } @@ -309,6 +309,25 @@ nav .fa-bars:hover { } .fab { color: #fff; + transition: 0.5s; +} +.fab:hover{ + transform: scale(1.4); +} +.fa-github:hover{ + color: #000000; +} +.fa-instagram:hover{ + color: #fe2b6b; +} +.fa-linkedin:hover{ + color: #0077ffb7; +} +.fa-twitter:hover{ + color: #00a2ff; +} +.fa-youtube:hover{ + color: #ff0000; } .social-media li { display: inline-block;