From 0418d0dcac0f1ab7f9f64a3a7e1024429b2472e3 Mon Sep 17 00:00:00 2001 From: arghodubey075-bit Date: Tue, 12 May 2026 21:22:12 +0530 Subject: [PATCH] modified animations --- revati-kadam-portfolio/css/animations.css | 15 ++++++--------- revati-kadam-portfolio/css/layout.css | 3 ++- revati-kadam-portfolio/js/navigation.js | 11 +++++++---- 3 files changed, 15 insertions(+), 14 deletions(-) diff --git a/revati-kadam-portfolio/css/animations.css b/revati-kadam-portfolio/css/animations.css index ccbf629..ced4a6f 100644 --- a/revati-kadam-portfolio/css/animations.css +++ b/revati-kadam-portfolio/css/animations.css @@ -1,13 +1,10 @@ .spark { - width: 5px; - height: 5px; + width: 6px; height: 6px; position: absolute; - background: var(--primary); border-radius: 50%; - animation: fade 0.5s linear; + animation: burst 0.6s ease-out forwards; +} +@keyframes burst { + 0% { opacity:1; transform: translate(0,0) scale(1); } + 100% { opacity:0; transform: translate(var(--dx), var(--dy)) scale(0.2); } } - -@keyframes fade { - from {opacity:1;} - to {opacity:0; transform: scale(3);} -} \ No newline at end of file diff --git a/revati-kadam-portfolio/css/layout.css b/revati-kadam-portfolio/css/layout.css index 75ae192..9256a92 100644 --- a/revati-kadam-portfolio/css/layout.css +++ b/revati-kadam-portfolio/css/layout.css @@ -1,3 +1,4 @@ + body { display: flex; } @@ -12,4 +13,4 @@ body { .main { flex: 1; padding: 40px; -} \ No newline at end of file +} diff --git a/revati-kadam-portfolio/js/navigation.js b/revati-kadam-portfolio/js/navigation.js index 0dbcc09..1112025 100644 --- a/revati-kadam-portfolio/js/navigation.js +++ b/revati-kadam-portfolio/js/navigation.js @@ -1,7 +1,10 @@ -function showSection(id) { - document.querySelectorAll(".section").forEach(s => { +function showSection(id, scope = document) { + const target = scope.getElementById(id); + if (!target) return; + + scope.querySelectorAll("[data-section]").forEach(s => { s.classList.remove("active"); }); - document.getElementById(id).classList.add("active"); -} \ No newline at end of file + target.classList.add("active"); +}