From 0a7b6fba30ce072eedf6b9c79e41ff0618b11d76 Mon Sep 17 00:00:00 2001 From: Ankit Singh Bisht <132978008+ankitsinghbisht8@users.noreply.github.com> Date: Fri, 21 Jun 2024 23:16:49 +0530 Subject: [PATCH] Enhanced social media icons with dynamic glow effect (#821) --- assets/about/about.css | 57 ++++++++++++++++++++++++++- assets/about/about.html | 15 +++---- assets/contact/contact.css | 57 ++++++++++++++++++++++++++- assets/contact/contact.html | 10 ++--- assets/contributors/contributor.css | 38 ++++++++++++++++-- assets/contributors/contributor.html | 10 ++--- assets/faq/faq.css | 58 +++++++++++++++++++++++++++- assets/faq/faq.html | 15 +++---- index.html | 10 ++--- style.css | 33 +++++++++++++--- 10 files changed, 258 insertions(+), 45 deletions(-) diff --git a/assets/about/about.css b/assets/about/about.css index 21960b7d5..9eeaa2977 100644 --- a/assets/about/about.css +++ b/assets/about/about.css @@ -31,4 +31,59 @@ color: white; padding: 0 3rem; margin-bottom: 2rem; -} \ No newline at end of file +} + +.footer-basic .social { + text-align: center; + padding-bottom: 25px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; +} + +.social { + font-size: 3.5rem; + text-decoration: none; + margin: 0 1rem; + transition: transform 0.3s ease-in-out; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + gap: 2rem; +} + +.social a i { + transition: transform 0.3s ease-in-out; +} + +/* Pop up effect */ + +.social a:hover i { + transform: translateY(-8px); +} + +.social a { + color: var(--secondary); +} + +.social a.user:hover { + color: #4af3b5; +} + +.social a.message:hover { + color: #73408f; +} + +.social a.github:hover { + color: #21d061; +} + +.social a.twitter:hover { + color: #00fff7; +} + +.social a.facebook:hover { + color: #0026ff; +} diff --git a/assets/about/about.html b/assets/about/about.html index 4fc44698e..3413194a2 100644 --- a/assets/about/about.html +++ b/assets/about/about.html @@ -52,8 +52,8 @@ - +
@@ -93,14 +93,11 @@

Join Us