Compare commits
2 Commits
485d529733
...
66cbf2c79a
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
66cbf2c79a | ||
|
|
fc17ad8e92 |
@@ -1290,13 +1290,13 @@ span.textaccor {
|
|||||||
.line-fill {
|
.line-fill {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: 60px;
|
left: 10px;
|
||||||
height: 2px;
|
height: 1px;
|
||||||
background: #b18c4a;
|
background: #b18c4a;
|
||||||
z-index: 0;
|
z-index: 0;
|
||||||
transform-origin: left;
|
transform-origin: left;
|
||||||
width: 0;
|
width: 0;
|
||||||
transition: width 0.5s linear;
|
transition: left 0.45s linear, width 0.45s linear; /* animate both */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ===========================
|
/* ===========================
|
||||||
|
|||||||
@@ -128,7 +128,7 @@ function initTimelineSwiper() {
|
|||||||
timelineItems.forEach((item, i) => {
|
timelineItems.forEach((item, i) => {
|
||||||
item.classList.toggle("active", i === index);
|
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;
|
const newWidth = (timelineWidth / (totalKites - 1)) * index;
|
||||||
if (lineFill) lineFill.style.width = newWidth + "px";
|
if (lineFill) lineFill.style.width = newWidth + "px";
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user