From c6b78f772a9663e3ca44780bc0c8f3b6e31ec07d Mon Sep 17 00:00:00 2001 From: Sumit-sourabh45 Date: Sun, 8 Mar 2026 00:12:35 +0530 Subject: [PATCH] feat: enhance hover effects on language card and icons --- _layouts/website/languages.html | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/_layouts/website/languages.html b/_layouts/website/languages.html index b8dfadf0..733a6045 100644 --- a/_layouts/website/languages.html +++ b/_layouts/website/languages.html @@ -257,8 +257,9 @@

Suman Kunwar

} .language-card:hover { - transform: translateY(-8px); - box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15); + transform: translateY(-12px) scale(1.03); + box-shadow: 0 25px 50px rgba(67, 97, 238, 0.3); + border-color: var(--primary-color); } .card-content { @@ -281,8 +282,13 @@

Suman Kunwar

margin-bottom: 1.5rem; color: white; font-size: 1.5rem; + transition: transform 0.3s ease, box-shadow 0.3s ease; } +.language-card:hover .language-icon { + transform: scale(1.2); + box-shadow: 0 8px 20px rgba(67, 97, 238, 0.5); +} .language-card h3 { margin: 0; color: var(--dark-color);