Mohd.Ansari/ask-mutual-fund
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update timeline line filling animation

Browse Source
This commit is contained in:
unknown
2025-10-15 18:03:36 +05:30
parent 29f6820aba
commit fc17ad8e92
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
css/style.css
View File

@@ -1254,13 +1254,13 @@ span.textaccor {
.line-fill {
position: absolute;
top: 50%;
left: 60px;
height: 2px;
left: 10px;
height: 1px;
background: #b18c4a;
z-index: 0;
transform-origin: left;
width: 0;
transition: width 0.5s linear;
transition: left 0.45s linear, width 0.45s linear; /* animate both */
}
/* ===========================

2
js/main.js
View File

@@ -128,7 +128,7 @@ function initTimelineSwiper() {
timelineItems.forEach((item, i) => {
item.classList.toggle("active", i === index);
});
const timelineWidth = document.querySelector(".timeline").offsetWidth - 40;
const timelineWidth = document.querySelector(".timeline").offsetWidth - 10;
const newWidth = (timelineWidth / (totalKites - 1)) * index;
if (lineFill) lineFill.style.width = newWidth + "px";
}